<template>
  <div class="home">
    <div class="wel">
      <svg
        class="icon"
        viewBox="0 0 1024 1024"
        xmlns="http://www.w3.org/2000/svg"
        width="128"
        height="128"
      >
        <path
          d="M512 48a48 48 0 0 1 44 67.184L758.336 304H928a80 80 0 0 1 79.92 76.528L1008 384v416a80 80 0 0 1-80 80H96a80 80 0 0 1-80-80V384a80 80 0 0 1 80-80h169.664l202.32-188.816a47.744 47.744 0 0 1-3.904-16.368L464 96a48 48 0 0 1 48-48zm416 288H96a48 48 0 0 0-48 48v416a48 48 0 0 0 48 48h832a48 48 0 0 0 48-48V384a48 48 0 0 0-48-48zM208.832 474.624c68.272 0 111.248 44.848 111.248 116.72s-42.976 116.56-111.248 116.56c-68.448 0-111.408-44.688-111.408-116.56s43.12-116.72 111.408-116.72zm236.864 3.904c48.448 0 81.264 31.408 81.264 79.84 0 48.128-34.544 79.536-84.688 79.536h-36.88v39.68c0 19.072-10.464 29.856-28.592 29.856s-28.752-10.784-28.752-29.84V508.528c0-19.056 10.624-30 28.752-30zm463.44-3.44c17.2 0 27.2 10.16 27.2 28.448V680.56c0 17.344-9.696 26.88-27.04 26.88-11.568 0-19.216-4.528-27.504-15.936l-86.88-119.84h-1.248v107.344c0 18.272-10.144 28.432-27.184 28.432-17.184 0-27.184-10.16-27.184-28.448V502.288c0-17.664 10-27.2 27.808-27.2 10.944 0 18.752 4.688 27.36 15.936l86.24 118.608h1.248V503.52c0-18.288 10.16-28.448 27.2-28.448zm-224.688 3.44c15.472 0 25.472 8.448 25.472 23.136 0 14.672-10.304 23.12-25.472 23.12H609.76v44.848h71.248c13.92 0 23.136 7.808 23.136 21.088 0 13.28-8.912 21.088-23.136 21.088H609.76v45.936h74.688c15.168 0 25.472 8.448 25.472 23.136 0 14.688-10 23.12-25.472 23.12h-103.28c-18.128 0-28.752-10.944-28.752-30V508.528c0-19.056 10.624-30 28.752-30zm-475.616 42.656c-32.032 0-52.96 27.2-52.96 70.16 0 42.816 20.768 70 52.96 70 32.032 0 52.96-27.2 52.96-70 0-42.976-20.928-70.16-52.96-70.16zm221.712 1.248h-25.152v72.352h24.848c24.368 0 38.752-12.656 38.752-36.256 0-23.44-14.384-36.096-38.448-36.096zm103.632-383.84A47.792 47.792 0 0 1 512 144c-8 0-15.536-1.952-22.176-5.424L312.576 304h398.816z"
          fill="#fff"
        />
      </svg>
    </div>
    <el-row :gutter="20">
      <el-col
        :xs="{ span: 24 }"
        :sm="{ span: 12 }"
        :md="{ span: 12 }"
        :lg="{ span: 6 }"
        :xl="{ span: 6 }"
        ><div class="grid-content ep-bg-purple">
          <el-icon><Dish /></el-icon>
          <div class="title"><span>New Thinks</span></div>
          <!-- <el-statistic title="Daily active users" :value="268500" /> -->
          <n-statistic label="一共处理了" tabular-nums>
            <n-number-animation
              ref="numberAnimationInstRef"
              :from="0"
              :to="12039"
            />
            <!-- 尾部内容插槽 -->
            <!-- <template #suffix></template> -->
          </n-statistic>
        </div>
      </el-col>
      <el-col
        :xs="{ span: 24 }"
        :sm="{ span: 12 }"
        :md="{ span: 12 }"
        :lg="{ span: 6 }"
        :xl="{ span: 6 }"
        ><div class="grid-content ep-bg-purple">
          <el-icon><KnifeFork /></el-icon>
          <div class="title"><span>KnifeFork</span></div>
          <n-statistic label="Daily active users" tabular-nums>
            <n-number-animation
              ref="numberAnimationInstRef"
              :from="0"
              :to="22250"
            />
          </n-statistic></div
      ></el-col>
      <el-col
        :xs="{ span: 24 }"
        :sm="{ span: 12 }"
        :md="{ span: 12 }"
        :lg="{ span: 6 }"
        :xl="{ span: 6 }"
        ><div class="grid-content ep-bg-purple">
          <el-icon><MilkTea /></el-icon>
          <div class="title"><span>MilkTea</span></div>
          <n-statistic label="Daily active users" tabular-nums>
            <n-number-animation
              ref="numberAnimationInstRef"
              :from="0"
              :to="65489"
            />
          </n-statistic>
        </div>
      </el-col>
      <el-col
        :xs="{ span: 24 }"
        :sm="{ span: 12 }"
        :md="{ span: 12 }"
        :lg="{ span: 6 }"
        :xl="{ span: 6 }"
        ><div class="grid-content ep-bg-purple">
          <el-icon><Sugar /></el-icon>
          <div class="title"><span>Sugary</span></div>
          <n-statistic label="Daily active users" tabular-nums>
            <n-number-animation
              ref="numberAnimationInstRef"
              :from="0"
              :to="124089"
            />
          </n-statistic></div
      ></el-col>
    </el-row>
    <el-row
      class="grid-content ep-bg-purple"
      style="width: 100%; height: 400px"
    >
      <div ref="chartRef" style="width: 100%; height: 400px"></div>
    </el-row>
    <el-row :gutter="10">
      <el-col :span="8"
        ><div class="grid-content eBox">
          <div ref="chartRef3" style="width: 100%; height: 100%"></div></div
      ></el-col>
      <el-col :span="12"
        ><div class="grid-content eBox">
          <div ref="chartRef2" style="width: 100%; height: 100%"></div></div
      ></el-col>
      <el-col :span="4"
        ><div class="grid-content eBox">
          <div ref="chartRef1" style="width: 100%; height: 100%"></div></div
      ></el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="4"
        ><div class="grid-content form-box">
          <form class="form">
            <div class="content">
              <p align="center">OTP Verification</p>
              <div class="inp">
                <input placeholder="" type="text" class="input" maxlength="1" />
                <input placeholder="" type="text" class="input" maxlength="1" />
                <input placeholder="" type="text" class="input" maxlength="1" />
                <input placeholder="" type="text" class="input" maxlength="1" />
              </div>
              <button>Verify</button>
              <svg
                class="svg"
                viewBox="0 0 200 200"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill="#4073ff"
                  d="M56.8,-23.9C61.7,-3.2,45.7,18.8,26.5,31.7C7.2,44.6,-15.2,48.2,-35.5,36.5C-55.8,24.7,-73.9,-2.6,-67.6,-25.2C-61.3,-47.7,-30.6,-65.6,-2.4,-64.8C25.9,-64.1,51.8,-44.7,56.8,-23.9Z"
                  transform="translate(100 100)"
                  class="path"
                ></path>
              </svg>
            </div>
          </form></div
      ></el-col>
      <el-col :span="16"
        ><div class="grid-content table-box">
          <el-auto-resizer>
            <template #default="{ height, width }">
              <el-table-v2
                :columns="columns"
                :data="tableData"
                :fixed-data="fixedData"
                :width="width"
                :height="height"
                :row-class="rowClass"
                fixed
                @scroll="onScroll"
              />
            </template>
          </el-auto-resizer></div
      ></el-col>
      <el-col :span="4"
        ><div class="grid-content boxM">
          <div class="cube-loader">
            <div class="cube-top"></div>
            <div class="cube-wrapper">
              <span style="--i: 0" class="cube-span"></span>
              <span style="--i: 1" class="cube-span"></span>
              <span style="--i: 2" class="cube-span"></span>
              <span style="--i: 3" class="cube-span"></span>
            </div>
          </div></div
      ></el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="12"
        ><div class="grid-content carousel">
          <n-carousel
            effect="card"
            prev-slide-style="transform: translateX(-150%) translateZ(-800px);"
            next-slide-style="transform: translateX(50%) translateZ(-800px);"
            style="height: 240px"
            :show-dots="false"
            draggable
            autoplay
          >
            <n-carousel-item :style="{ width: '60%', borderRadius: '8px' }">
              <img class="carousel-img" src="../../assets/images/page1.jpg" />
            </n-carousel-item>
            <n-carousel-item :style="{ width: '60%', borderRadius: '8px' }">
              <img class="carousel-img" src="../../assets/images/page2.jpg" />
            </n-carousel-item>
            <n-carousel-item :style="{ width: '60%', borderRadius: '8px' }">
              <img class="carousel-img" src="../../assets/images/page3.jpg" />
            </n-carousel-item>
            <n-carousel-item :style="{ width: '60%', borderRadius: '8px' }">
              <img class="carousel-img" src="../../assets/images/page4.jpeg" />
            </n-carousel-item>
            <n-carousel-item :style="{ width: '60%', borderRadius: '8px' }">
              <img class="carousel-img" src="../../assets/images/page5.jpeg" />
            </n-carousel-item>
            <n-carousel-item :style="{ width: '60%', borderRadius: '8px' }">
              <img class="carousel-img" src="../../assets/images/page6.jpeg" />
            </n-carousel-item>
            <n-carousel-item :style="{ width: '60%', borderRadius: '8px' }">
              <img class="carousel-img" src="../../assets/images/page7.jpeg" />
            </n-carousel-item>
          </n-carousel></div
      ></el-col>
      <el-col :span="12"
        ><div class="grid-content">
          <el-row :gutter="12">
            <el-col :span="6"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M961.203 582.093H875.7a409.626 409.626 0 0 0-31.257-120.371c64.947-49.127 114.15-122.112 115.072-163.15.179-1.612.256-3.225.256-4.863 0-23.117-17.562-41.856-39.245-41.856-20.608-.051-37.709 16.998-39.168 39.014-18.381 34.304-46.72 65.331-82.355 91.725a388.096 388.096 0 0 0-70.528-73.267c4.556-19.303 6.963-39.501 6.963-60.288C735.437 111.514 629.786 0 499.482 0c-130.33 0-236.007 111.514-236.007 249.037 0 22.195 2.765 43.699 7.936 64.179-22.4 18.432-42.752 39.5-60.749 62.822-36.454-23.475-66.15-51.89-86.4-84.25-2.816-21.657-20.915-37.58-41.65-36.018-21.633 1.612-37.94 21.606-36.43 44.697.103 1.639.308 3.251.59 4.813 3.455 39.168 53.042 104.294 117.017 148.531a409.242 409.242 0 0 0-34.74 128.256H40.116C17.92 582.093 0 601.267 0 624.896v.973c0 23.629 17.946 42.752 40.115 42.752h88.96c5.171 49.92 19.303 98.278 41.651 142.387-67.02 44.211-119.833 112.384-123.392 152.832-.281 1.587-.512 3.174-.614 4.813-1.51 23.091 14.797 43.085 36.454 44.723 20.736 1.536 38.836-14.387 41.626-36.045 22.016-35.149 55.142-65.664 96.026-90.24 68.812 82.074 169.42 133.863 281.548 133.863 115.456 0 218.701-54.912 287.59-141.261 40.142 27.827 71.937 61.235 91.905 98.56 1.382 21.811 18.406 39.04 39.168 39.04 21.709 0 39.296-18.765 39.296-41.882 0-1.664-.103-3.251-.256-4.864-.973-42.419-53.581-119.065-121.856-168.115a408.858 408.858 0 0 0 37.427-133.786h85.555c22.144 0 40.09-19.148 40.09-42.777v-.973c0-23.629-17.946-42.778-40.09-42.778zM341.07 248.064c0-94.003 72.217-170.214 161.28-170.214 89.088 0 161.305 76.21 161.305 170.24a182.9 182.9 0 0 1-1.024 19.2 358.246 358.246 0 0 0-160.256-37.76c-57.344 0-111.667 13.568-160.256 37.76a179.814 179.814 0 0 1-1.024-19.2zm-127.616 378.01c0-154.368 108.313-282.061 249.241-303.36v606.72c-140.928-21.3-249.241-148.992-249.241-303.36zM546.918 929.28V322.867c140.493 21.709 248.32 149.171 248.32 303.207 0 154.035-107.827 281.497-248.32 303.206z"
                    fill="#213252"
                  />
                </svg></div
            ></el-col>
            <el-col :span="6"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  t="1692951372045"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="1890"
                  width="48"
                  height="48"
                >
                  <path
                    d="M442.2 229.11a5 5 0 0 0 4.29 0.31c-0.16 1.34-0.27 2.7-0.38 4.06l10.51-0.21c2-23.56 12.12-42.43 38.94-45.42 29.07-3.25 41.92 20.23 42.71 45.36h12.3c0.17 0 0.32 0 0.49-0.06 39.43-9.24 54-52.95 48.86-89.29-6.51-46.05-44.83-71.59-88.4-78.5-43.09-6.83-84.51 12.83-103.14 53-18.06 38.86-5.09 90.2 33.82 110.75z m25.89-87.27c8.17-13.49 26.5-17.81 41.13-15.74 30 4.25 37.78 39.62 24.57 62.64a5.39 5.39 0 0 0-0.68 2c-8.79-9.05-21.29-14.28-37.55-13.36-11.34 0.64-20.44 4.05-27.62 9.43a5.5 5.5 0 0 0-1.05-1.73c-10.52-11.79-6.19-31.08 1.2-43.24z"
                    fill="#E81E25"
                    p-id="1891"
                  ></path>
                  <path
                    d="M552.94 240c-1.61-17.28-6.07-33.84-16.75-47.38-19.52-24.76-62-19.42-79.71 4.16s-18 60-11.79 87.89a6.3 6.3 0 0 0 2.1 3.63c0.69 1.72 1.4 3.42 2.17 5.11a6.47 6.47 0 0 0 5.62 3.37c22.74 1.3 45.3 0.25 68 0.08 9.59-0.07 26.94 0.9 30.88-11.26 4.48-13.73 0.8-31.51-0.52-45.6zM875.31 661.48c-7.11-26.71-13.89-53.66-22.54-79.93-5.12-15.56-13.93-47.54-35-48.68-8.89-0.48-14.85 4.51-21.25 10.13-10.24 9-19.78 18.79-29.6 28.22-19.09 18.33-40.13 36.31-63.57 48.69-11 5.84-22.73 14.22-13.91 27.39 7.45 11.12 23.74 17.61 36.64 21.54-14.43 38.61-51 67.15-94.25 60.78-23.27-3.43-44.89-19.68-53.78-41.38-8.32-20.3-9.58-44.82-12.42-66.36-6.58-49.84-6.27-200.32-7.76-225-1.06-17.63-1-35.29-2.88-52.84-36.33 1.57-73.56 5.53-110.27 4.77 0.17 44.05 0.69 88-1.89 132-3 51-6.64 101.9-8.85 152.92-1 22.48-0.93 45.85-5.44 68-5 24.39-26.05 34.82-49.3 34.1-43.52-1.35-80.93-36.13-90.13-77.17 11.91-1.67 25.71-14 33.22-20.27 11.28-9.41 14.5-21 2.49-31.48-13.29-11.64-32.15-14.42-47.57-22.14-26.28-13.17-44.77-36.66-69.9-50.88-19.19-10.89-28.77 11.19-34.35 25.59-11.89 30.83-18.18 63-21.81 95.73-1.53 13.83-9.89 42.22 1.22 53.68 10.84 11.19 29.3 0 43-6.41 3.47 13.24 10.45 25.3 16.84 37.35a340.73 340.73 0 0 0 29 45.39c20.27 26.95 44 45.3 74.27 60s62 24.84 93.68 35.48a197.17 197.17 0 0 1 52.38 26.3c17.19 12.28 23.56 29.56 35.42 46a5.49 5.49 0 0 0 1.87 1.65 5.79 5.79 0 0 0 0.7 1.16c13.4 17.12 35.05-22.73 40.4-31 11.91-18.33 35.9-27.55 54.79-36.71 23.86-11.58 52.24-15.1 77.38-23.66 21.25-7.24 42.81-12.95 62.61-23.74 17.76-9.68 33.37-23.22 46.72-38.3a180.33 180.33 0 0 0 31.29-50.4c8.68-21 8.74-44.54 12.69-66.73 9.45 4.47 23.08 2.33 32.43 1.4 6-0.6 12.26-0.16 16.53-5 4.69-5.3 2.5-14.18 0.9-20.19z"
                    fill="#09518C"
                    p-id="1892"
                  ></path>
                  <path
                    d="M518.78 647.24c-3.47-48-7.84-95.88-9.38-144-1.55-48.32-0.31-96.7-0.26-145 0-8.79-13.62-8.79-13.63 0 0 48.35-1.09 96.69 0.26 145 1.35 48.07 5.86 96 9.38 144s4.76 95.62 4.17 143.72c-0.55 44.89-5.67 90.83-1.55 135.58 0.8 8.68 14.43 8.75 13.63 0-4.12-44.76 1-90.68 1.55-135.58 0.55-48.11-0.7-95.72-4.17-143.72z"
                    fill="#27A0F2"
                    p-id="1893"
                  ></path>
                  <path
                    d="M519.79 924.73c-14.93-38.63-20.7-81.73-59.09-104.81-15.8-9.5-34.39-14.11-51.65-20.1a367.62 367.62 0 0 1-61.43-27.88c-39.22-22.33-66.44-52.41-87.51-91.88-12.11-22.65-24.11-45.24-32.94-69.4-7.7-21-17.16-42.91-16.5-65.71 0.25-8.79-13.38-8.77-13.63 0-0.58 20.15 6.13 39.58 12.91 58.29a538.88 538.88 0 0 0 28.95 65.95c9.95 19.09 19.35 39 32.67 56 12.94 16.55 28.21 30.49 45.09 42.94 33.5 24.7 72.27 39.13 111.3 52.41 20.46 7 38.62 16.37 50.8 34.86 14.32 21.74 18.63 49 27.9 73 3.12 8.06 16.34 4.54 13.13-3.67z"
                    fill="#27A0F2"
                    p-id="1894"
                  ></path>
                  <path
                    d="M806.23 562.67c-0.75 52.36-16.58 98.87-41.35 144.53-10.63 19.59-21.64 38.69-37.28 54.78-18.38 18.91-42.33 29.94-66.64 39-57.5 21.54-153.44 47.82-153.19 124.15 0 8.79 13.66 8.79 13.63 0-0.13-39.76 32.44-62.81 64.73-78.95 36.67-18.31 76.9-28.45 113.35-47 40.84-20.83 62.68-58 83.56-97 23.25-43.36 36.1-90.33 36.81-139.57 0.15-8.73-13.5-8.72-13.62 0.06z"
                    fill="#27A0F2"
                    p-id="1895"
                  ></path>
                  <path
                    d="M668.66 281.41c-2.55-7.32-7.15-13.15-14.88-16-27.2-10-59.24-12.77-87.85-13a529.76 529.76 0 0 0-70.62-2c-25.12 0.94-50.29 2.7-75.28 5.52-20.66 2.33-42.75 4.68-62.83 10.6-32 9.43-31.37 83.1 2.32 87.6 20.48 2.74 41.16 1.12 61.73 2.24 27.62 1.49 55.18 1.55 82.83 1.13 27.27-0.41 54.54-1.13 81.81-1.48 18.64-0.24 37.24 1.52 55.78-1.41 26.89-4.25 32.11-16.52 31.2-42.95 0.73-10.66 0.02-21.11-4.21-30.25z"
                    fill="#E81E25"
                    p-id="1896"
                  ></path>
                  <path
                    d="M414.24 309.8c-0.53-15.68-1.2-40.52 9.66-53.14a4.17 4.17 0 0 0 0-5.5c-10.62-0.57-30.18 1.91-39.18 11.53-10.42 11.15-9.68 33.09-9.55 47.08 0.23 23.73 8.12 56.66 46 52.47 2.24-0.25 3.47-2.66 2.86-5-4.25-16.24-9.22-30.33-9.79-47.44zM583.19 357.2c-0.62 2.36 0.62 4.78 2.86 5 37.86 4.19 45.75-28.74 46-52.47 0.13-14 0.88-35.92-9.54-47.08-9-9.62-28.56-12.1-39.18-11.53a4.17 4.17 0 0 0 0 5.5c10.86 12.62 10.18 37.46 9.66 53.14-0.6 17.15-5.57 31.24-9.8 47.44z"
                    fill="#FF6E80"
                    p-id="1897"
                  ></path>
                </svg></div
            ></el-col>
            <el-col :span="6"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  t="1692951403611"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2143"
                  width="48"
                  height="48"
                >
                  <path
                    d="M897.28 455.68H844.8c-5.12-69.12-33.28-131.84-75.52-181.76l37.12-37.12c10.24-10.24 11.52-24.32 3.84-32l-7.68-7.68c-7.68-7.68-23.04-6.4-32 3.84l-37.12 37.12c-49.92-42.24-112.64-70.4-181.76-75.52V110.08c0-14.08-8.96-25.6-20.48-25.6h-10.24c-11.52 0-20.48 11.52-20.48 25.6v52.48c-69.12 5.12-131.84 33.28-181.76 75.52L281.6 200.96c-10.24-10.24-24.32-11.52-32-3.84l-7.68 7.68c-7.68 7.68-6.4 23.04 3.84 32l37.12 37.12c-42.24 49.92-70.4 112.64-75.52 181.76h-52.48c-14.08 0-25.6 8.96-25.6 20.48v10.24c0 11.52 11.52 20.48 25.6 20.48h52.48C212.48 576 239.36 640 281.6 689.92l-37.12 37.12c-10.24 10.24-11.52 24.32-3.84 32l7.68 7.68c7.68 7.68 23.04 6.4 32-3.84l37.12-37.12c49.92 42.24 112.64 70.4 181.76 75.52v52.48c0 14.08 8.96 25.6 20.48 25.6h10.24c11.52 0 20.48-11.52 20.48-25.6v-52.48c69.12-5.12 131.84-33.28 181.76-75.52l37.12 37.12c10.24 10.24 24.32 11.52 32 3.84l7.68-7.68c7.68-7.68 6.4-23.04-3.84-32L768 689.92c43.52-49.92 70.4-113.92 76.8-183.04h52.48c14.08 0 25.6-8.96 25.6-20.48v-10.24c0-10.24-11.52-20.48-25.6-20.48z m-129.28 0H611.84c-1.28-6.4-3.84-11.52-6.4-16.64l110.08-110.08c28.16 35.84 47.36 79.36 52.48 126.72z m-89.6-162.56l-110.08 110.08c-5.12-2.56-11.52-5.12-16.64-6.4V240.64c47.36 3.84 90.88 23.04 126.72 52.48z m-177.92-52.48V396.8c-6.4 1.28-11.52 3.84-16.64 6.4l-110.08-110.08c34.56-29.44 78.08-48.64 126.72-52.48z m-163.84 88.32l110.08 110.08c-2.56 5.12-5.12 11.52-6.4 16.64H284.16c5.12-47.36 23.04-90.88 52.48-126.72z m-52.48 177.92h156.16c1.28 6.4 3.84 11.52 6.4 16.64l-110.08 110.08c-29.44-34.56-47.36-78.08-52.48-126.72z m88.32 163.84l110.08-110.08c5.12 2.56 11.52 5.12 16.64 6.4v156.16c-47.36-5.12-90.88-23.04-126.72-52.48z m179.2 52.48V568.32c6.4-1.28 11.52-3.84 16.64-6.4l110.08 110.08c-35.84 28.16-79.36 46.08-126.72 51.2z m162.56-88.32L604.16 524.8c2.56-5.12 5.12-11.52 6.4-16.64H768c-5.12 47.36-24.32 90.88-53.76 126.72z"
                    fill="#FAC546"
                    p-id="2144"
                  ></path>
                  <path
                    d="M531.2 890.88h-10.24c-17.92 0-33.28-16.64-33.28-38.4v-40.96C426.24 803.84 368.64 780.8 320 742.4l-28.16 28.16c-7.68 7.68-17.92 12.8-28.16 12.8-8.96 0-16.64-2.56-21.76-8.96l-10.24-6.4c-5.12-5.12-8.96-14.08-8.96-21.76 0-10.24 5.12-20.48 12.8-28.16l28.16-28.16c-38.4-48.64-62.72-106.24-69.12-167.68H153.6c-21.76 0-38.4-15.36-38.4-33.28v-10.24c0-17.92 16.64-33.28 38.4-33.28h40.96c7.68-61.44 30.72-119.04 69.12-167.68l-28.16-28.16c-7.68-7.68-12.8-17.92-12.8-28.16 0-8.96 2.56-16.64 8.96-21.76l7.68-7.68c5.12-5.12 14.08-8.96 21.76-8.96 10.24 0 20.48 5.12 28.16 12.8l28.16 28.16c48.64-38.4 106.24-62.72 167.68-69.12V110.08c0-21.76 15.36-38.4 33.28-38.4h10.24c17.92 0 33.28 16.64 33.28 38.4v40.96c61.44 7.68 119.04 30.72 167.68 69.12l28.16-28.16c6.4-6.4 15.36-11.52 24.32-12.8 10.24-1.28 19.2 2.56 25.6 8.96l7.68 7.68c6.4 6.4 10.24 16.64 8.96 25.6-1.28 8.96-5.12 17.92-12.8 24.32l-28.16 28.16c38.4 48.64 62.72 106.24 69.12 167.68h40.96c21.76 0 38.4 15.36 38.4 33.28v11.52c0 17.92-16.64 33.28-38.4 33.28h-40.96c-7.68 61.44-30.72 119.04-69.12 167.68l28.16 28.16c7.68 7.68 12.8 17.92 12.8 28.16 0 8.96-2.56 16.64-8.96 21.76l-7.68 7.68c-6.4 6.4-16.64 10.24-25.6 8.96-8.96-1.28-17.92-5.12-24.32-12.8l-25.6-26.88c-48.64 38.4-106.24 62.72-167.68 69.12v40.96c0 21.76-15.36 38.4-33.28 38.4zM318.72 712.96c2.56 0 6.4 1.28 7.68 2.56 49.92 42.24 110.08 66.56 174.08 71.68 6.4 0 11.52 6.4 11.52 12.8v52.48c0 7.68 3.84 12.8 7.68 12.8h10.24c3.84 0 7.68-5.12 7.68-12.8v-52.48c0-6.4 5.12-12.8 11.52-12.8 65.28-5.12 125.44-30.72 174.08-71.68 5.12-3.84 12.8-3.84 17.92 1.28l37.12 37.12c2.56 2.56 6.4 5.12 8.96 5.12 1.28 0 3.84 0 5.12-1.28l7.68-7.68c1.28-1.28 1.28-2.56 1.28-3.84 0-3.84-1.28-7.68-5.12-10.24l-37.12-37.12c-5.12-5.12-5.12-12.8-1.28-17.92 42.24-49.92 66.56-110.08 71.68-174.08 0-6.4 6.4-11.52 12.8-11.52h52.48c7.68 0 12.8-3.84 12.8-7.68v-10.24c0-3.84-5.12-7.68-12.8-7.68H844.8c-6.4 0-12.8-5.12-12.8-11.52-5.12-65.28-30.72-125.44-71.68-174.08-3.84-5.12-3.84-12.8 1.28-17.92l37.12-37.12c2.56-2.56 5.12-6.4 5.12-8.96 0-1.28 0-3.84-1.28-5.12l-8.96-7.68c-1.28-1.28-3.84-1.28-5.12-1.28-3.84 0-6.4 2.56-8.96 5.12L742.4 247.04c-5.12 5.12-12.8 5.12-17.92 1.28-49.92-42.24-110.08-66.56-174.08-71.68-6.4 0-11.52-6.4-11.52-12.8V110.08c0-7.68-3.84-12.8-7.68-12.8h-10.24c-3.84 0-7.68 5.12-7.68 12.8v52.48c0 6.4-5.12 12.8-11.52 12.8-65.28 5.12-125.44 30.72-174.08 71.68-5.12 3.84-12.8 3.84-17.92-1.28l-37.12-37.12c-3.84-1.28-7.68-3.84-11.52-3.84-1.28 0-2.56 0-3.84 1.28l-7.68 7.68c-1.28 1.28-1.28 2.56-1.28 3.84 0 3.84 1.28 7.68 5.12 10.24l37.12 37.12c5.12 5.12 5.12 12.8 1.28 17.92-42.24 49.92-66.56 110.08-71.68 174.08 0 6.4-6.4 11.52-12.8 11.52h-52.48c-7.68 0-12.8 3.84-12.8 7.68v10.24c0 3.84 5.12 7.68 12.8 7.68h52.48c6.4 0 12.8 5.12 12.8 11.52 5.12 65.28 30.72 125.44 71.68 174.08 3.84 5.12 3.84 12.8-1.28 17.92l-37.12 37.12c-2.56 2.56-5.12 6.4-5.12 10.24 0 1.28 0 2.56 1.28 3.84l7.68 7.68c1.28 1.28 2.56 1.28 3.84 1.28 3.84 0 7.68-1.28 10.24-5.12l37.12-37.12c2.56-1.28 6.4-2.56 10.24-2.56z m232.96 23.04c-2.56 0-6.4-1.28-8.96-3.84-2.56-2.56-3.84-6.4-3.84-8.96V568.32c0-5.12 3.84-10.24 8.96-12.8 5.12-1.28 10.24-3.84 14.08-6.4 5.12-2.56 11.52-1.28 15.36 2.56l110.08 110.08c2.56 2.56 3.84 6.4 3.84 10.24 0 3.84-1.28 6.4-5.12 8.96-38.4 30.72-84.48 49.92-134.4 55.04z m12.8-158.72v131.84c34.56-5.12 66.56-19.2 94.72-39.68L565.76 576c-1.28 0-1.28 0-1.28 1.28z m-64 158.72H499.2c-48.64-5.12-96-24.32-134.4-55.04-2.56-2.56-5.12-5.12-5.12-8.96 0-3.84 1.28-7.68 3.84-10.24l110.08-110.08c3.84-3.84 10.24-5.12 15.36-2.56 5.12 2.56 8.96 3.84 14.08 6.4 5.12 1.28 8.96 6.4 8.96 12.8v156.16c0 3.84-1.28 7.68-3.84 8.96-2.56 2.56-5.12 2.56-7.68 2.56z m-108.8-66.56c28.16 20.48 60.16 33.28 94.72 39.68V577.28h-1.28l-93.44 92.16z m322.56-21.76c-3.84 0-6.4-1.28-8.96-3.84l-110.08-110.08c-3.84-3.84-5.12-10.24-2.56-15.36 2.56-5.12 3.84-8.96 6.4-14.08 1.28-5.12 6.4-8.96 12.8-8.96H768c3.84 0 7.68 1.28 8.96 3.84 2.56 2.56 3.84 6.4 3.84 10.24-5.12 48.64-24.32 96-55.04 134.4-3.84 1.28-6.4 3.84-11.52 3.84 1.28 0 0 0 0 0z m-94.72-125.44l93.44 93.44c20.48-28.16 33.28-61.44 39.68-94.72H620.8s-1.28 0-1.28 1.28z m-282.88 125.44c-3.84 0-7.68-2.56-10.24-5.12-30.72-38.4-49.92-84.48-55.04-134.4 0-3.84 1.28-7.68 3.84-10.24 2.56-2.56 6.4-3.84 8.96-3.84h156.16c5.12 0 10.24 3.84 12.8 8.96 1.28 5.12 3.84 10.24 6.4 14.08 2.56 5.12 1.28 11.52-2.56 15.36L345.6 643.84c-2.56 2.56-5.12 3.84-8.96 3.84z m-38.4-128c5.12 34.56 19.2 66.56 39.68 94.72l93.44-93.44s0-1.28-1.28-1.28H298.24z m469.76-51.2H611.84c-5.12 0-10.24-3.84-12.8-8.96-1.28-5.12-3.84-10.24-6.4-14.08-2.56-5.12-1.28-11.52 2.56-15.36l110.08-110.08c2.56-2.56 6.4-3.84 10.24-3.84 3.84 0 6.4 1.28 8.96 5.12 30.72 38.4 49.92 84.48 55.04 134.4 0 3.84-1.28 7.68-3.84 10.24-1.28 1.28-5.12 2.56-7.68 2.56z m-147.2-25.6h131.84c-5.12-34.56-19.2-66.56-39.68-94.72l-93.44 93.44c0 1.28 1.28 1.28 1.28 1.28z m-180.48 25.6H284.16c-3.84 0-7.68-1.28-8.96-3.84-2.56-2.56-3.84-6.4-3.84-10.24 5.12-48.64 24.32-96 55.04-134.4 2.56-2.56 5.12-5.12 8.96-5.12 3.84 0 7.68 1.28 10.24 3.84l110.08 110.08c3.84 3.84 5.12 10.24 2.56 15.36-2.56 5.12-3.84 8.96-6.4 14.08-1.28 7.68-6.4 10.24-11.52 10.24z m-142.08-25.6h131.84s0-1.28 1.28-1.28l-93.44-93.44c-20.48 28.16-33.28 61.44-39.68 94.72z m184.32-26.88c-3.84 0-6.4-1.28-8.96-3.84l-110.08-110.08c-2.56-2.56-3.84-6.4-3.84-10.24 0-3.84 1.28-6.4 5.12-8.96 38.4-30.72 84.48-49.92 134.4-55.04 3.84 0 7.68 1.28 10.24 3.84 2.56 2.56 3.84 6.4 3.84 8.96V396.8c0 5.12-3.84 10.24-8.96 12.8-5.12 1.28-10.24 3.84-14.08 6.4-2.56-1.28-5.12 0-7.68 0zM391.68 294.4l93.44 93.44s1.28 0 1.28-1.28V254.72c-33.28 5.12-65.28 19.2-94.72 39.68z m176.64 121.6c-2.56 0-3.84 0-6.4-1.28-3.84-2.56-8.96-3.84-14.08-6.4-5.12-1.28-8.96-6.4-8.96-12.8V240.64c0-3.84 1.28-7.68 3.84-8.96 2.56-2.56 6.4-3.84 10.24-3.84 48.64 5.12 96 24.32 134.4 55.04 2.56 2.56 5.12 5.12 5.12 8.96 0 3.84-1.28 7.68-3.84 10.24l-110.08 110.08c-3.84 2.56-7.68 3.84-10.24 3.84z m-3.84-29.44s1.28 0 1.28 1.28l93.44-93.44c-28.16-20.48-61.44-33.28-94.72-39.68v131.84z"
                    fill="#231C1C"
                    p-id="2145"
                  ></path>
                </svg></div
            ></el-col>
            <el-col :span="6"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M216.416 594.432a26.4 26.4 0 0 0-22.144 14.432c-4.896 8.992-16.608 10.336-22.048 8.576-8.96-2.976-20.512-5.088-31.744 2.912s-23.296 1.92-21.12-12.672c2.08-14.496 7.328-27.52 21.28-35.424 30.464-17.504 9.248-29.664 25.952-47.328 16.8-17.568 13.088-22.912 12.512-46.88-56.576-8.544-88.672-24.832-124.416-69.6C18.88 363.776 4.992 326.944 1.312 270.88c-3.744-56.192-.48-92.544 23.776-139.136C49.312 85.312 74.912 62.912 119.04 39.68c44.16-23.392 87.52-28.896 127.52-28.192 40.064.64 66.72 3.552 89.344 16.512 22.656 12.928 43.36 29.184 56.48 29.216a44.8 44.8 0 0 0 28.704-8.192c1.696 43.52-37.472 47.264-72.448 48.224-34.976.896-56.48-13.536-88.736-8.192-32.16 5.472-84.992 20.096-110.72 64.864-25.728 44.8-26.624 60.576-24.448 98.176 2.08 37.472 34.4 65.44 52.64 65.792 18.272.288 22.304-4.992 38.304-15.36 15.968-10.496 97.44-111.36 125.184-133.984 27.872-22.656 55.296-29.696 84.896-30.08 29.664-.352 37.152.64 61.152 10.496 23.904 9.76 38.56 27.808 57.856 38.816 9.824-5.76 16-14.464 24.928-21.12 32.416-23.552 49.152-29.952 87.584-26.24 22.112 2.208 49.888 14.816 66.56 29.28 29.568 25.76 54.016 61.472 73.728 88.704 15.36 21.216 33.504 46.56 59.392 54.496 28.128 8.576 49.376-27.808 52.48-48.16 1.824-11.52 4.128-21.6 4.128-34.176 0-12.672-1.28-27.936-4.896-41.184a147.264 147.264 0 0 0-16.736-37.088c-11.008-17.76-29.024-36.256-47.616-45.728-10.496-5.344-35.232-15.072-50.816-15.392-19.104-.416-33.664 6.016-51.296 7.2-21.344 1.44-59.552 6.24-76.192-10.24-10.72-10.496-12.064-17.536-13.824-31.2 4.64 3.936 11.264 6.4 17.12 6.944 13.344 1.12 25.824-9.76 36.64-16.128 8.96-5.248 21.504-14.496 33.184-19.2 30.048-12.16 66.912-11.872 98.56-8.544 25.376 2.56 58.368 13.824 80.64 26.496 22.432 12.64 44 34.016 59.744 54.112 19.872 25.344 30.752 47.104 37.92 78.688 9.216 40.32 11.808 100.896.64 140.768-8.736 31.328-37.856 79.392-62.592 103.008-24.448 23.328-52.704 34.592-84.736 40.736 1.28 6.368 1.408 12.416 3.04 17.76 2.4 7.584 6.944 16 16.224 13.344 3.68-1.056 5.664-2.016 10.496 2.272 4.896 4.256 2.4 20.704-11.36 28.16-7.008 3.68-14.24 4.48-25.376 4.768a239.616 239.616 0 0 1-40.672-1.952c-12.064-2.016-19.232-11.648-32.64-13.184-20.704-2.336-36.48-17.28-53.12-27.904-6.912-4.448-9.312-4.448-13.28-6.752 2.176 6.56 5.024 13.408 6.432 19.84 1.44 6.24.864 12.16 1.568 17.248.8 5.088 2.208 8.992 2.976 13.184 3.296 2.912 4.384 7.392 9.952 8.832 5.536 1.504 14.24-.768 19.968-1.568 5.76-.768 9.568-3.84 13.984-2.976 4.48.864 8.704 4.096 12.448 7.072s7.008 3.424 9.984 10.848c2.976 7.584 5.76 22.912 6.24 33.152a71.36 71.36 0 0 1-3.808 27.648c-2.976 8.064-5.76 11.648-13.952 19.744s-21.6 19.84-34.944 28.16c2.464 3.584 3.552 6.912 7.392 10.848 3.84 4 11.808 8.416 15.328 12.576 3.616 4.192 5.472 7.168 5.472 11.808a24.96 24.96 0 0 1-3.968 15.904c-9.504 12.768-20.608 15.008-34.272 20.992 2.304 14.24 4.192 24.416.864 38.656-1.28 5.856-4.352 18.976-11.52 22.4-7.2 3.424-20.992 1.76-29.792 3.168-8.736 1.312-13.6 2.688-20.448 4-4.192 6.016-10.336 12.672-12.416 18.016-2.08 5.408-1.44 7.328.256 12.768 1.792 5.504 7.904 13.472 9.6 20 1.664 6.4 2.08 13.28.48 19.744a35.559 35.559 0 0 1-9.824 16.896c-5.504 5.76-16.288 10.24-21.728 14.752-5.344 4.736-10.752 5.248-9.248 12.928 2.016 10.592 17.44 27.552 28.576 31.744 7.904 2.336 16.288 1.664 23.776-1.76-.608 8.928-8.32 15.104-13.44 21.088 13.728-4 27.136-11.52 36.448-21.504-2.848 8.672-12.8 22.56-27.52 34.816s-14.624 9.76-22.048 14.688c13.408 2.592 25.856 1.92 36.256.096a72 72 0 0 1-27.36 8.832c-12.32 1.312-19.968.352-31.104-2.336s-21.28-12.832-34.72-19.84c1.28 5.088 2.272 11.104 7.904 16.256 5.792 5.088 14.304 7.776 23.424 12.064-11.616-1.248-23.808-1.568-35.168-4.096a89.12 89.12 0 0 1-20.384-7.008c-6.144-2.976-10.88-7.52-16.384-11.264 2.592 4.992 3.36 10.912 7.84 15.008 4.448 4.192 11.744 5.76 17.568 8.48-6.112-.16-12 1.248-18.336-.416a49.504 49.504 0 0 1-18.912-8.928 134.368 134.368 0 0 1-18.976-16.896c-5.632-6.176-12.64-14.176-14.72-19.744-2.048-5.664 1.28-9.6 1.888-14.432-3.84 2.592-8.576 4-11.616 7.68-2.976 3.744-5.632 7.072-4.32 13.568 1.28 6.4 7.328 14.432 11.552 21.6-12.64-10.336-19.68-14.336-22.656-26.656-2.72-11.648 4.448-22.176 9.952-30.944 2.72-4.448 6.912-8.48 9.44-12.768-5.76-5.504-12.16-10.24-17.056-16.608-4.832-6.4-6.912-15.008-11.808-20.992-4.992-6.112-11.68-9.888-17.504-14.848 5.088 10.912 13.536 24.416 15.328 32.896 1.888 8.48-2.048 13.728-5.088 18.336-2.976 4.576-7.84 5.664-12.448 8.416-4.704 2.912-11.808.672-14.592 4.832s-3.552 10.496-.896 14.688L463.456 968a50.08 50.08 0 0 1-13.952-12c-3.168-4.096-7.936-8.032-8.48-13.472-.672-5.6-.992-10.496 2.688-15.488 3.584-4.992 13.568-6.656 18.016-10.496 4.48-3.84 6.912-6.304 6.656-11.264-.256-4.992-5.088-8.48-9.248-11.648-12.768-9.6-29.024-18.336-39.84-29.824a39.904 39.904 0 0 1-10.208-16.16c-1.28-4.48.032-8.032 3.04-13.408 3.072-5.6 13.44-13.024 14.752-18.912 1.248-6.016-4.064-7.328-8.736-9.44-4.736-2.08-13.728 1.056-18.144-2.592s1.28-11.36-3.68-15.584-16.256-1.92-22.144-6.4a31.008 31.008 0 0 1-10.24-16.864 35.296 35.296 0 0 1-.896-18.592c1.376-4.832 5.472-5.664 7.968-8.16 2.528-2.432 4.608-4.448 1.28-8.16-3.168-3.744-14.08.16-20.32-4.48-6.368-4.832-2.56-16.256-6.944-21.088-4.448-4.64-12.256-2.816-16.48-4.448-4.128-1.504-5.76 3.84-8.288-4.64-2.592-8.48-2.688-34.016-6.112-43.52s-10.144-.672-13.28-10.08c-3.2-9.44-.16-24.48-1.568-38.752l-6.4-38.816c-22.24 15.008-36.992 19.744-60.928 23.936-2.016 58.592-7.52 93.088 12.416 158.08 19.84 64.896 60.064 103.264 114.336 158.176-71.68-53.6-105.76-97.248-127.2-153.088-21.376-55.936-17.312-102.688-15.2-156.416zm380.544-23.584c5.504.256 12.16 1.664 16.032 4.192 3.872 2.592 8.032 4.576 11.52 8.064 8.8 8.992 15.36 19.744 18.272 32.096 1.888 7.936 2.144 18.016 2.72 27.264-2.656-8.48-4.384-17.408-8.192-25.088-5.92-12.16-16.032-23.936-28.672-29.344a14.88 14.88 0 0 0-9.12-1.152c.992 1.76 2.688 3.232 2.784 5.664 0 2.528-.512 7.424-4.768 9.504-6.816 3.328-14.464.896-19.808-3.68a17.696 17.696 0 0 1-4.352-19.584c3.36-8.288 16-8.288 23.584-7.936zm-69.184-11.616c.736-14.176 5.76-25.984 18.464-32.896a77.361 77.361 0 0 1 25.76-9.184c8.832-1.12 30.432-.352 43.424 5.6 9.888 4.48 16.672 11.552 25.472 16.8 8.736 5.152 14.976 8.576 23.296 14.432 12.8 8.992 20.256 18.72 29.088 24.576 4.32 2.816 10.24 2.432 15.968 4.192-4.448 1.248-10.208 2.72-14.944 1.248a66.624 66.624 0 0 1-18.688-11.264 125.408 125.408 0 0 0-21.216-15.328c-5.28-3.072-14.048-6.752-19.872-10.496-5.76-3.84-15.84-12.064-21.408-14.88a69.12 69.12 0 0 0-27.744-5.344c-10.912.352-26.72 2.144-35.072 9.728-8.416 7.68-11.552 14.336-9.696 24.16 3.104-3.584 5.248-8.16 8.32-10.848 6.56-5.664 14.048-5.92 22.24-4.832 9.184 1.152 13.728 6.4 16.768 15.104-2.016-1.408-5.76-4.64-8.704-5.76a21.184 21.184 0 0 0-18.688 1.824c-7.648 4.192-5.536 10.24-6.56 16.896-.544 3.232-1.76 5.664-2.592 8.48a16.384 16.384 0 0 1-7.68-4.192c.032 3.232-.416 6.016.256 9.504.608 3.584 2.336 7.84 3.584 11.648-5.376-5.344-10.912-10.24-14.304-17.152a44.8 44.8 0 0 1-5.504-22.048zm9.344-102.4c3.872-5.792 5.088-14.72 7.424-22.048-.896 9.248.896 19.328-3.552 25.984-4.48 6.752-12.448 5.504-18.912 7.52 5.024-3.84 11.008-5.6 15.008-11.424zm-94.144 136.672c5.088-4.096 18.688-.864 28.832-.096l-21.92 5.664c-.736 2.528-.416 5.248-2.048 7.424-1.696 2.176-4.864 2.912-7.296 4.448.256-6.624-2.656-13.344 2.432-17.44zm71.808-283.84c6.112 3.2 13.696 7.584 19.168 7.68 5.28.16 6.752-3.424 9.888-5.6 4.896 16.224 10.656 34.016 19.104 48.736 3.552 6.24 5.792 3.36 8.544 9.568 2.688 6.176 3.84 18.72 6.4 26.72 2.528 7.968 5.856 13.696 8.832 20.608-7.424-10.656-17.12-24.16-21.344-32.992-4.192-8.832-1.504-9.6-4.896-17.952-3.328-8.448-10.144-21.504-15.232-32.256-3.68.48-8.096 1.12-10.88.256-2.784-.896-2.304-3.872-4.768-5.728-2.528-1.92-6.752-1.152-10.24-4.256-3.456-2.976-4.256-9.248-4.576-14.752zm-32.736 80c5.76-.512 12.768.992 18.144.736s9.216-1.664 13.856-2.56c-.896-8.064-.096-22.912-7.52-28.32-4.896-3.424-24.672-.864-29.92.256-11.904 2.592-25.76 9.696-37.248 14.08 11.008-7.68 20.512-14.752 33.76-18.72 8.032-2.336 26.496-5.504 34.688-3.232 3.808.992 4.48 2.592 6.784 5.76 7.808 10.88 7.808 20.256 9.76 32.992 2.016 3.04 4.096 5.088 5.76 8.288 1.632 3.968 2.656 8.096 2.912 12.32-2.048-2.944-.768-6.624-6.368-8.8-5.76-2.272-14.368-.224-22.048.608 5.6 4.096 8.32 7.936 8.576 16.384.256 9.952-8.16 17.12-16.992 17.792-12.16.928-18.528-1.76-23.424-12.16-2.176-4.576-.672-10.08-.768-14.56-14.752 1.024-14.496.544-25.248 9.472 5.92 8.576 9.568 13.44 19.232 18.592 5.344 2.816 11.52 5.664 18.144 6.816 6.688 1.152 17.696 2.272 24.8 1.152a26.752 26.752 0 0 0 16.16-7.968c5.248-4.768 5.76-11.68 7.776-17.184a51.424 51.424 0 0 1-2.976 15.84c-5.984 11.52-16.224 15.008-28.512 15.008-11.744 0-26.272-2.688-37.248-7.2-8.736-3.616-23.264-13.856-26.656-22.784-2.4-6.112-.512-13.568-.768-20.352 12.16-8.064 15.104-6.112 29.408-8.448 6.016-1.056 10.208-3.232 15.968-3.744zm-70.624-54.56c.288-4.864.896-4.736 1.28-7.136-11.04-2.944-15.392 4.224-21.92 17.536-2.432 4.896 0 7.936-2.656 11.232-2.528 3.232-6.784 2.784-10.976 5.92s-8.352 9.184-12.32 12.448c-8.064 6.656-19.072 10.72-28.448 15.264 6.4-4.736 18.912-11.904 22.944-18.72 2.144-3.68 1.792-10.528 5.12-13.856 3.328-3.2 4.48-5.536 8.736-6.368s2.592-5.792 3.968-9.76c1.376-3.872 4.128-6.752 7.04-10.72s6.656-9.824 12.416-12.032c5.76-2.08 14.816.224 19.2-.992 4.352-1.248 1.824-4.48 5.024-6.4s9.344-.992 13.664-3.072c7.52-3.584 11.104-9.696 15.648-16.096.64 13.92.416 23.936-4.576 37.088-5.6 14.752-11.36 23.456-27.36 32.544-5.472 3.072-10.976 4.192-15.584 5.856 2.656-3.68 6.496-5.248 8.032-10.912 1.44-5.792.384-17.056.736-21.856zm258.528 67.936c-7.552.608-9.344-.512-15.488 3.872l9.888 15.36c-.256-10.112.768-12.16 5.664-19.232zm-19.84-7.36c10.496-4.448 19.68-8.064 31.136-8.832 4.576-.352 11.68.384 16.352.672 4-5.856 8.992-10.4 10.912-17.056 1.184-4.448.64-24.928-1.632-30.24-6.24-15.392-12.384-16.096-21.12-24.96-6.24-6.368-6.496-16.224-8.416-27.232-.64-4-2.656-9.088-3.584-13.216a166.464 166.464 0 0 0-36.576-1.92c6.304-6.112 12.416-11.552 14.24-20.736 1.92-9.76.16-19.872-4.832-28.448-5.152-8.16-13.44-15.36-21.088-22.048-7.584-6.624-18.592-12.128-25.76-17.568 9.44-3.296 18.944-8.288 28.16-10.016 23.936-4.608 44.512 2.432 67.584 16.384 13.44 8.096 24.448 15.776 38.496 30.56 14.048 14.688 31.36 41.6 44.96 57.504 13.536 16 24.544 28.576 36.384 38.112 11.776 9.632 22.528 12.32 33.792 18.4l17.568 18.688 14.304-17.632 22.816 2.56 4.736-25.632 20.896-5.792-3.36-34.592 15.104-10.752-11.392-21.504 11.52-23.584-15.008-26.88 5.76-25.888-17.376-14.848-2.272-27.552-24.288-9.248-9.696-23.936-27.296-.288-13.44-17.792-18.4 1.28-20.448-2.272-11.52-8.48L770.432 72 750.08 61.408l-40.416 15.328 26.368-22.912 27.296-4.352 20.896-5.376 28.288 9.312 24.832-6.272 24.032 14.112 25.44-1.312 12.512 22.4 25.216 2.848 13.664 24.8 15.872 8.736 4.256 31.84L972.544 164l-6.304 27.872 16.64 21.088-15.488 22.56 16.64 14.176-21.28 18.912 21.6 22.56-26.144 8.544 16.992 24.16-21.376 3.744 13.984 26.528-24.032-.352 12.16 19.872-26.496-3.168 6.304 28.672-19.968-17.536-6.784 34.72-13.728-24.96-7.456 31.136-16.928-22.912.48 32.64-18.72-29.344c3.872 16.672 3.104 34.848 14.048 50.56 33.888-4.576 55.968-13.088 81.952-38.048 23.552-22.752 51.808-70.144 59.488-100.256 8.704-34.208 8.96-97.312.384-132.32-8.288-33.568-19.04-49.632-38.24-77.088-18.336-19.424-36.384-40.064-59.68-53.92C876.32 31.36 832.544 25.888 793.6 26.4a137.28 137.28 0 0 0-48.992 9.184c-22.496 8.16-40.544 26.08-63.456 34.912-7.456 2.848-13.44 2.912-19.36-.16 5.76 11.52 12 16.672 26.4 20.864 10.4 3.04 35.2 1.12 52.352-.48 18.336-1.664 27.904-7.136 52.864-6.816 24.32.416 43.68 9.6 54.272 15.712 21.792 12.448 37.408 26.208 51.04 48.16 7.456 12.032 12.704 25.632 16.352 39.456 3.68 13.824 5.28 29.344 5.536 42.912s-.8 25.696-4.128 37.888c-7.776 28.544-24.864 57.6-60.032 53.12-21.504-2.688-53.888-43.104-64.768-57.888-21.984-29.92-44.512-63.008-72.032-87.84a110.528 110.528 0 0 0-62.432-27.744c-42.336-3.84-54.912 4.192-86.752 30.496 6.432 2.016 12.768 3.168 19.424 6.176 14.752 6.656 28.256 15.232 40.032 26.24 12.384 11.52 17.92 18.848 18.336 35.36.288 11.04-8.704 19.84-17.024 27.68-5.024 4.864-11.744 9.312-15.872 13.088-5.408 4.992-12.16 10.496-5.28 18.432 2.56 2.976 7.04 5.248 10.752 8.064 6.016 4.384 3.2 20.832-4.608 25.248a26.08 26.08 0 0 1-30.432-2.592c10.496-1.504 17.152-2.912 16.864-11.52-.096-4.896-6.368-9.088-12.672-11.904-14.944-6.816-26.208-5.76-41.088-16.512-15.072-10.848-15.328-16.768-19.424-33.696-7.264.736-13.952.896-23.68 4.128-9.632 3.168-20.384 10.848-29.184 12.768-22.176 4.736-26.592 3.328-38.688.256-21.376-5.632-49.12 3.84-76.8 12.768-4.576 1.408-23.168 0-35.68 4.352a235.776 235.776 0 0 0-62.176 36.384c-23.712 20-54.88 79.744-72.448 148.352-1.92 20.896 4.064 34.912-9.088 45.088-13.152 10.24-12.8 36.32-17.28 43.648-4.384 7.264-9.6 4-19.2 14.336-9.504 10.24-14.368 8.576-14.176 27.904 8.32-5.344 20.352-11.648 30.944-12.16 9.44-.256 9.472 12.064 33.504-11.648 12.832-12.768 37.6-13.184 54.752-18.72s48-17.152 78.976-51.712c30.88-34.56 45.696-71.008 51.712-123.552.864 9.184 2.56 19.744-1.408 45.44-4.064 25.76-12.64 54.624 5.504 89.344l11.296 21.504c-6.688-9.184-19.84-24.16-23.904-34.816l-8.992-24.672c-20.48 32.128-25.184 37.856-53.536 60.8-1.12 14.24-1.408 29.088 3.232 42.752 4.608 13.664-2.72 29.344.864 38.4 3.488 8.928 11.648 3.84 14.336 12.928s-1.376 27.104 2.72 35.936c4.224 8.832 14.368 3.488 19.328 6.4 4.896 2.816 6.56 6.752 9.184 10.496 2.688 3.744-.992 12.672 4.384 15.584 5.376 2.816 13.664.416 19.328 3.168 5.536 2.816 6.368 9.504 5.088 15.392-1.376 6.016-7.328 8.736-9.952 14.848a15.52 15.52 0 0 0 .864 15.904c3.168 5.6 10.08 8.576 17.056 11.52 6.912 2.72 16.672 1.152 23.84 5.088 7.2 3.84 13.664 11.648 17.408 17.312 3.808 5.6 4.832 9.6 4.64 15.488a44.64 44.64 0 0 1-5.856 18.528c-3.168 5.76-10.08 12.768.864 23.68 10.848 10.848 10.496 6.176 16.768 13.344-.736-12.32-5.76-22.24-2.08-31.488 3.744-9.248 14.88-10.912 20.64-15.008 5.92-4.256 9.344-9.888 13.92-14.848 0 6.304.64 13.184-.096 17.92-1.408 9.696-4.352 18.432 10.112 19.936 6.528.672 12.768-3.488 19.584-6.016-3.584 6.304-9.824 11.52-10.784 19.232-1.184 8.32.768 16.864 5.536 23.84 5.28 7.68 14.56 13.344 21.28 17.76 6.752 4.48 10.4 4.896 15.584 7.424.256 7.52-1.28 15.488-.384 22.656.8 7.168 3.104 13.408 7.2 19.328 4.192 6.016 10.752 9.344 16.992 13.664-3.424-8.032-10.336-15.584-10.24-23.936s2.56-14.24 10.752-21.76c8.16-7.424 27.264-13.824 36.256-21.088a43.84 43.84 0 0 0 15.136-18.592c3.2-7.008 2.336-18.336 2.944-24.576 2.944 8.736 3.36 11.52 4.384 20.736.896 9.248-5.408 22.24-8.064 29.024 9.728-4.48 17.44-12.512 21.76-22.4 2.432 1.504 1.184 5.344 2.08 12.832 4-3.936 8.48-6.912 12.512-10.656s8.32-7.008 10.368-12.256c1.952-5.152 1.152-10.752-.288-16.768-1.504-6.112-8.224-13.088-11.904-19.744-3.584-6.496.672-13.024.416-20.992-7.264-1.248-13.408-4.992-21.856-3.744-8.32 1.248-17.92 10.592-26.496 10.752-8.48 0-13.408-8.032-20.384-10.144-7.04-2.272-14.08-1.92-21.12-2.976 8.928-8.48 43.552-12.576 67.232-16.416a416.544 416.544 0 0 1 62.72-5.664c9.44-.256 21.6 2.912 28.192 1.056 6.496-1.92 5.088-6.4 7.008-11.264 5.504-13.568 2.816-25.76-.16-39.424-18.944-2.272-38.752-4.896-57.856-3.488-18.688 1.408-40.8 10.336-60.128 10.912-16.736.608-41.632-3.168-55.968-12-17.632-10.656-31.2-33.664-36.064-41.184-7.84-12-17.76-35.68-23.84-46.432-6.016-10.848-7.392-13.824-12.384-18.336-5.024-4.48-11.872-4.832-17.888-7.264 6.88.608 14.336-1.504 20.576 2.016 9.44 5.408 19.84 27.648 25.696 37.408 6.176-20.736 4.736-28.832 22.56-40.576-14.336 16.16-14.752 28.416-18.272 47.392 12 19.584 28.576 50.912 50.336 59.552 7.936 3.168 21.408 5.088 29.92 6.176 26.496 3.232 52.064-5.088 77.984-11.52 18.976-4.736 38.272-2.816 61.344-1.504 7.808.512 26.272-4.256 30.176-12.064a14.144 14.144 0 0 0-1.024-14.08c-2.976-4.48-10.88-6.752-15.136-10.848-4.224-4.192-6.656-8.992-10.016-13.408-14.944 2.912-30.048 4.48-45.312 4.896 9.44-3.84 18.464-6.016 28.16-9.824 10.112-4.192 19.744-9.344 28.832-15.328 7.936-5.248 12.928-8.224 18.688-14.24 5.728-6.112 13.024-12.32 17.248-19.744s4.864-15.744 5.12-24.928c.16-9.184-.224-22.016-3.744-29.472-3.584-7.328-10.368-9.6-15.872-11.264-5.408-1.76-9.216 2.688-14.88 3.232-5.728.608-11.008 4.096-19.296.256a71.68 71.68 0 0 1-26.336-23.424c-8.352-11.68-14.304-30.848-22.784-45.568-14.624-25.44-32.896-49.024-50.304-72.608a143.488 143.488 0 0 1-4.352-21.664c-1.312-13.728-1.504-28 2.784-41.344 3.2-10.24 8.032-21.088 18.688-25.248a20.48 20.48 0 0 1 13.536-.928c3.84 1.376 7.648 5.76 6.048 10.752-1.664 5.504-5.408 5.728-8.032 8.448a29.536 29.536 0 0 0-7.808 14.08c4.736-.16 11.168-.48 15.104.544 5.12 1.28 9.76 4.704 12.416 11.904-6.112-5.376-9.088-7.904-16.64-8.032-3.552-.096-7.776 1.12-11.552 1.76-1.44 4.608-2.304 10.368-4.32 14.048-2.08 3.584-6.016 2.688-7.52 6.88a42.496 42.496 0 0 0-.864 16.672zm52.992-6.336c2.4.896 3.2 1.152 6.24 3.424 2.944 2.208 7.04 4.448 9.376 9.76a37.287 37.287 0 0 1 1.696 17.056c-2.048-.64-4.832-.224-6.944-2.016-2.144-1.824-3.36-5.984-6.112-7.68-2.784-1.824-4.992-1.44-8.032-1.824a25.12 25.12 0 0 1 1.536 12.832c-1.536 8.672-6.656 13.088-15.008 14.08-3.584.512-9.344-.672-12.448-1.248 1.44 3.2 3.872 6.112 5.376 9.344 7.008-.992 12.16-.864 16-2.592 3.744-1.76 7.808-5.76 12.64-7.392 4.832-1.664 9.12-1.664 14.432-2.528-4.192 3.584-6.912 7.136-11.04 10.784l9.12 26.592c6.496 4.096 12.544 6.24 20.704 11.232 8.16 4.96 17.92 13.952 28.576 18.784 10.624 4.832 16.896 7.552 28.032 9.6 11.04 2.144 19.936 11.168 30.816 12.64 10.88 1.376 31.36 1.76 39.776.896 9.6-.896 22.016-5.792 23.136-16.288-8.032 1.92-20.256.224-26.4-14.88-2.72-6.688-1.44-19.072-5.632-26.912-4.224-7.968-10.08-10.496-17.056-20.256s-18.4-25.12-24.736-38.176c-6.4-13.152-8.032-27.904-13.344-39.648-5.472-11.68-13.6-21.12-20-30.208-13.824-19.744-24.96-33.152-47.776-43.136-11.008-4.768-23.52-6.112-35.168-9.088-4.832 2.144-11.424 4.448-12.576 10.112-.896 6.4.896 13.024 5.12 17.952 6.784 7.04 16.864 14.592 20.768 25.728 2.592 7.168 3.232 31.136 1.056 37.664-2.304 6.816-7.584 10.976-12.032 15.392zm2.208 56.768c-2.08 1.824-3.712 3.712-7.136 5.216-3.424 1.536-8.064 1.92-12.576 3.04 6.304 9.856 13.024 19.872 19.072 30.24 6.112 10.336 11.36 21.76 17.12 32.64-.288-6.272.096-12.896-.8-18.688s-3.552-10.848-6.176-19.68c-2.56-8.8-5.76-20.64-9.472-32.768zM534.688 229.088c-.896 9.632.8 24.8 2.72 34.4 2.464 11.392 4.736 17.248 13.984 24.064 16.896 12.576 27.648 10.464 40.736 17.76 6.176 3.456 13.984 9.248 16.288 15.328 2.272 6.24-1.536 12.832-6.24 15.488 8.192 1.248 17.408-8.064 13.568-17.504-1.92-4.64-10.88-6.816-13.664-11.552a17.504 17.504 0 0 1-1.408-14.304c2.272-8.608 19.36-16.544 25.472-23.296 9.312-10.592 12.8-19.328 7.552-32.864-7.328-18.976-35.936-34.304-52.992-41.76-7.808-3.424-12.256-3.584-18.304-5.504 12.448 7.424 25.632 13.216 32 29.472 5.248 13.696.64 18.912.896 30.752.096 5.536 7.328 8.32 10.592 11.744 2.72 3.072 2.56 5.344.352 9.504a10.88 10.88 0 0 0-4.736-8.48c-4.768-3.424-9.984-2.688-12.544-9.6-3.84-10.592 3.872-20.64-4.768-32.512-6.4-8.864-15.072-18.816-26.656-19.072a46.4 46.4 0 0 0-15.36 2.464l-7.808-9.376-.224-.128c-15.872-14.464-26.752-26.4-48.928-36.352-22.272-9.984-33.28-11.52-58.848-10.912-25.472.544-50.784 2.688-80.352 28.16-29.6 25.6-105.856 123.232-124.384 135.552-18.4 12.32-22.496 16.608-45.568 16.608s-59.168-32.672-60.576-73.504c-1.376-40.8-1.92-55.328 26.4-104.48 28.416-49.152 79.744-64.256 117.92-69.344 38.176-5.152 61.088 8.288 89.248 8.32 28.16.096 56.064-4.736 64.352-27.168-4.064 2.4-9.44 5.12-24.608 4.32-15.136-.8-36.224-18.4-59.808-30.112-23.68-11.776-49.92-13.184-83.712-13.792-33.696-.64-75.808 1.92-117.536 24.48-41.728 22.4-70.176 46.304-94.432 90.464-24.224 44.064-27.808 80-23.904 133.408 3.84 53.344 20.352 93.056 52 132.192 31.744 39.008 63.392 58.144 120.48 65.248l12.064-52.992-21.504 30.752.608-34.272-19.424 24.096-8.608-32.736-15.648 26.24-7.808-36.48-22.88 18.432 7.264-30.08-30.176 3.328 13.824-20.96-27.488.256 16-27.872-24.32-3.872 19.36-25.44-29.792-8.8 24.672-23.68-24.448-19.936 19.104-14.848-17.92-23.84 19.104-22.176-7.136-29.216 16.16-14.048 4.832-33.536 18.176-9.12 15.616-26.08 28.896-3.072 14.24-23.584 29.024 1.504 27.392-14.848 28.416 6.56 32.256-9.728 23.968 5.536 31.2 4.608 30.08 24.064-46.112-16.096-23.2 11.104-19.232-11.648-13.216 8.928-23.456 2.432-20.96-1.28-15.264 18.592-31.232.288-11.104 25.12-27.744 9.728-2.592 28.928-19.936 15.616 6.624 27.168-17.152 28.32 13.216 24.8-13.024 22.56 17.248 11.264-3.84 36.384 24.032 6.016 5.344 27.008 26.144-2.688 16.256 18.528 20.064-19.68c36.608-18.272 51.712-28.512 80.288-59.36 32.384-35.104 51.04-67.584 94.208-91.616 31.104-17.28 56.352-23.52 91.264-17.408 32.672 5.632 43.68 25.312 67.84 45.952 2.592-4.64 2.976-5.92 7.2-9.312-1.28 6.048-3.36 12.256-3.968 18.048z"
                    fill="#A42E2B"
                  />
                </svg></div
            ></el-col>
          </el-row>
          <el-row :gutter="12">
            <el-col :span="4"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M874.5 544.9c-10.2-9.1-23.8-13.8-37.3-13.7-102.3 1.2-204.5 0-306.8-3.1l-18.7-.6c-4.6-.5-8.8-3.1-11.4-6.7-1.4-2-1.9-3.3-3.1-6.8l-3.2-9-6.4-18.1-25.6-72.3c-17.2-48.2-34.7-96.2-52.4-144.2l-13.4-35.9-6.7-18-1.7-4.5-2.4-5.6c-1.8-3.6-3.8-7.3-6.3-10.5-9.7-13.5-24.6-22.8-40.8-26.1-16.1-3.6-33.8-.3-47.9 7.8-23 13.4-45 28.5-65.3 45.8-20 17.6-39 36.5-55.5 57.6-33.1 41.9-58.6 90.2-73.3 142-4.2 12.8-6.5 26.1-9.5 39.2-1.2 6.6-2 13.3-3.1 19.9l-1.5 10-.8 10.1c-3 26.8-1.7 53.8.7 80.7 10.7 107.7 65.7 210.6 149.8 280.4 42 34.9 91.1 61.7 143.7 77.6 52.6 16 108.4 20.7 162.7 14.8 54.4-5.9 107.2-23.7 154.1-50.8 46.8-27.2 87.5-63.8 119.5-106.2 7.8-10.7 15-21.9 22.4-32.8 6.3-11.6 13-23 18.9-34.7l8.1-18c2.6-6 5.6-11.8 7.5-18.1l6.4-18.5 3.2-9.2c1-3.1 1.7-6.3 2.5-9.4l4.9-18.9c.8-3.2 1.7-6.2 2.3-9.5l1.6-9.6 3.1-19.2c1.2-6.1 1.8-13.4 1-20.2-1.9-14-9.2-26.7-19.3-35.7zm8.4 54.1l-4.4 18.4-2.2 9.2c-.8 3.1-1.9 6-2.9 9l-6 17.9c-17.4 47.1-44.3 90.3-78.6 125.9-68.5 71.4-161.4 113.6-256.1 120.8-47.4 3.9-95.3-1.3-140.5-14.9-45.3-13.6-88.2-35.7-125.8-64.9-37.8-29-69.9-65.7-93.9-107.2s-39.9-87.8-46.3-135.5c-13.2-95.8 12.9-196.6 71.9-274.5 14.5-19.7 31.5-37.4 49.3-54.1 18.2-16.3 38.1-30.8 58.9-43.7 7.9-4.8 16.9-6.7 25.9-5.1 8.9 1.5 17.3 6.4 22.7 13.6 1.5 1.7 2.6 3.7 3.7 5.7l1.5 3.2 1.8 4.4 7.2 17.8 14.4 35.5c19.4 47.3 38.9 94.6 58.9 141.7l29.9 70.6 7.5 17.7 3.7 8.8c1 2.5 3 7.2 5.7 10.2 5.3 6.5 13.3 10.4 21.4 10.9 2.2.1 3.7 0 5.3-.1l4.8-.1 9.6-.3c102.3-3 204.5-4.2 306.8-3.1 12.1.3 24 4.9 32.7 13.2 8.7 8.2 14.3 19.6 15 31.3.6 5.9-.2 11.4-1.9 17.7z"
                    fill="#424242"
                  />
                  <path
                    d="M957.2 430.5c-4.5-24.5-10.6-48.6-18.3-72.2-7.6-23.7-17.1-46.9-28.6-69.2-22.6-44.8-53.7-86.4-93-119.3-4.8-4.2-9.8-8.3-15-12-5.1-3.8-10.1-7.9-15.5-11.4l-8-5.4-4-2.7-2-1.3-2.6-1.5c-6.9-4.1-14.7-6.8-22.8-8-16.1-2.6-33 .8-47 9.5-7 4.3-13.3 9.9-18.4 16.5-2.6 3.3-4.8 6.8-6.7 10.5l-2.7 5.5-1.9 4.2-27.1 62.5c4.7-17.4 9.1-34.9 13.3-52.5l7.4-29.9c3.4-11.1 3.6-24 .6-35-5.9-22.5-24.4-39.5-45.6-43.5-40.2-7.8-81-11.9-122.4-11.4-10.3.1-20.7.6-31.1 1.5-5.2.4-10.4 1-15.5 1.7l-7.8 1.1-3.9.6-4.5 1c-11.9 2.9-23 9.8-31.3 19.3-8.2 9.6-13.7 21.6-15.3 34.4-.7 6.4-.7 13 .6 19.3.5 3.2 1.4 6.3 2.4 9.5.9 3.1 1.7 5 2.6 7.5l10 28.9 20 57.7 40.7 115.1 20.1 58.1c3.5 9.4 10.7 18.5 20.1 24 9.3 5.6 20.1 7.8 30.7 6.7 5.8-.6 11.6-2.4 17-5.2 0 0 0 .1-.1.1l-.9 2.1c-.4.9-.5 1-1.2 2.9-1.2 3.1-2.1 6.4-2.7 9.7-1.1 6.7-.9 13.8.7 20.5 3.3 13.3 11.7 25.1 23.8 32.2 6 3.5 12.8 5.8 19.6 6.7 1.7.2 3.4.3 5.1.4l3 .1 4.6.1c6.2.1 12.4.2 18.5.2 24.7.1 49.4-.5 74.1-1.1 49.4-1.5 98.8-6.7 148.3-13l37.1-4.4 18.5-2c2.9-.2 6.8-.8 10.2-1.4 3.5-.8 6.9-1.7 10.1-3.1 26.7-10 41.8-38.9 36.8-64.6zm-432.8-30.6zm5.2 1c-.2-.5-.5-1.1-.7-1.6.1.1.2.1.3.2.5.5.7 1.5.4 1.4zm-3.1-7c-7-15.8-14.2-32.4-21.1-48.6L457.6 233l-24.3-56-12.1-28c-.9-2.2-2.2-5-2.9-6.7-.6-1.7-1.4-3.4-1.8-5.2-1-3.5-1.3-7.3-1.2-11 .1-15 10.1-30.1 25.2-36.2l2.9-1.1 3.5-1.1 7.2-2.1c4.8-1.3 9.6-2.7 14.5-3.8 9.7-2.4 19.5-4.4 29.4-6 39.7-6.5 81-5 120.2 5.2 9.2 2.7 17.8 7.7 23.5 15.2 6 7.2 9.2 16.3 9.7 25.2.3 9-1.9 17.2-6.7 24.8l-15.5 26.7c-21 35.4-41 71.2-57.6 108.4-16.5 36.6-31.6 74.3-45.1 112.6zm70.8 68.4c.1 0 .1 0 0 0zm4.2 7.2c-.2.4.1-.5.4-1.1v.3c-.2.3-.3.6-.4.8zm342-5.3c-6.5 9.4-16.6 15.8-27.1 17.9-5.4 1.3-10.2.9-16.2.4l-18.5-2-37.1-4.4c-49.4-6.2-98.8-11.5-148.3-13-24.7-.7-49.4-1.2-74.1-1.1-6-.1-12.1.1-18.1.1 16.3-45.3 32.3-90.7 49.2-135.8l51.9-138.9 1.6-4.4 1.2-3c.8-1.9 1.8-3.6 2.9-5.3 2.2-3.4 5.1-6.4 8.5-8.7 6.7-4.9 15.3-7.3 23.7-6.5 4.2.3 8.4 1.4 12.3 3.4l1.5.7 1.9 1.1 3.8 2.3 7.7 4.5c5.2 2.9 10 6.4 15 9.6 5 3.2 9.9 6.7 14.6 10.3 38.5 28.2 72.9 62.8 100.2 103.3 27.5 40.4 45 87.8 51.5 136.4 1.4 11.9-1.3 23.9-8.1 33.1z"
                    fill="#424242"
                  />
                </svg></div
            ></el-col>
            <el-col :span="4"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M945.7 94.4C937.8 82.5 926.3 73 913 68.2c-13.3-4.9-28.1-5.3-41.5-1.2l-76.6 22.8-76.9 22-77.1 21.2-38.7 10.2c-13.1 3.1-26.6 8.3-38.5 15.7-12.2 7-22.6 17.2-32.1 26.1l-29.2 27.4-58.3 54.7c-38.9 36.5-77.4 73.4-115.8 110.3L99 600.3l-7.2 7c-1.3 1.3-2.2 2.1-3.8 3.7l-4.5 4.9c-5.7 6.8-10.3 14.6-13.6 22.9-6.6 16.6-7.3 35.4-2.5 52.7 2.5 8.6 6.5 16.9 11.6 24.3 2.5 3.8 5.5 7.1 8.5 10.4l7 7.2 27.9 28.7L234 876.7l55.9 57.8c13.4 13.3 31.6 22.3 50.6 24.6 18.9 2.3 38.8-1.4 55.5-11.4 4.2-2.3 8.1-5.3 11.9-8.3l5.4-4.8 3.6-3.5 14.4-13.8 28.8-27.7 57.7-55.4c76.8-74 152.2-149.3 226.3-225.9 37.1-38.3 73.4-77.4 109.4-116.8 2-2.2 5.1-5.5 7.6-8.5 2.6-3.1 5-6.3 7.2-9.6 4.6-6.6 8.5-13.6 11.9-20.8 3.4-7.2 6.1-14.7 8.3-22.3l1.5-5.6 1.1-4.9 2.3-9.7 17.7-78.1c11.7-52.1 23.6-104.2 36.3-156l4.9-19.4c.8-3.3 1.7-6.4 2.4-9.8.6-3.6 1.6-7.2 1.7-10.9 1-14.7-2.8-29.5-10.7-41.5zm-1.6 40.1c-.2 3-1.4 5.8-2 8.7-.9 3-2.1 6.3-3.1 9.4l-6.3 19c-17.2 50.5-35.2 100.8-53.3 151L852.3 398l-3.3 9.4-1.7 4.7-1.5 3.9c-2.1 5-4.5 9.9-7.4 14.5-2.8 4.6-6 8.9-9.5 12.9-1.7 2-3.6 3.9-5.5 5.8-1.9 2-3.6 3.4-6.3 5.9-39.4 36-78.5 72.2-116.8 109.4-76.6 74.1-151.9 149.6-225.9 226.3L419 848.5l-27.7 28.8-13.8 14.4-3.5 3.6-2 1.9c-1.4 1.2-2.8 2.4-4.4 3.3-12.2 8.2-30.4 6.9-41.6-3.7l-57-55.1-114.7-111.4-28.7-27.9-7.1-6.9c-1.5-1.6-3-3.1-4.2-4.9-2.6-3.5-4.6-7.3-6-11.4-2.5-8.3-2.6-17.5.4-25.8 1.5-4.1 3.6-8 6.3-11.5l2.2-2.5c.7-.9 2.2-2.3 3.3-3.4l7-7.2 222.8-229.4c36.9-38.4 73.8-76.9 110.3-115.8l54.7-58.3 27.4-29.2c9.3-10 17.5-19.2 28.1-26.2 10.5-7.2 21.9-12.5 34.5-16.2l38.1-12.2 76.4-23.7L796.4 95l76.8-22c12.3-3.3 25.4-2.5 37 2.2 11.7 4.6 21.2 13.7 27.4 24.2 6.4 10.6 8.3 23.3 6.5 35.1z"
                    fill="#424242"
                  />
                  <path
                    d="M863.4 126.1c-10-6.2-21.4-9.4-32.6-10.3-22.6-1.4-44.3 6.4-60.8 20.2-15.8 13.4-26.5 33-27.9 53.1-1.6 20 5.2 39.7 17.7 53.7 12.2 14.3 31.3 20.7 47.7 19.7 16.6-1 31-5.9 44.3-13.8 6.5-4.1 13-8.7 19.4-14.5 6.4-5.8 12.6-12.9 17.4-21.8 4.7-8.8 8-19.3 8-30.2 0-11-3.2-22.2-9.1-31.9-6.2-10-14.1-18-24.1-24.2zm-5.2 100c-1.3 6.6-4.9 12.8-10 17.5-5.2 4.5-11.7 7.6-18.6 8.6-6.9 1-13.9-.2-20-2.7-12.4-5.5-20.1-15.4-24.7-25-4.9-9.4-5.3-20.3-2.1-29.1 2.7-9 9.1-15.6 16.6-19.6 7.1-3.5 15.8-2.7 22.1.5 3.2 1.4 5.7 3.2 8.2 4.7 2.3 1.6 5.3 3.5 7.8 5.6 5 3.9 13.2 9.2 18.6 20.6 2.2 5.4 3.5 12.4 2.1 18.9z"
                    fill="#424242"
                  />
                </svg></div
            ></el-col>
            <el-col :span="4"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M935.4 363.9c-15.6-35.6-38-67.6-65-94.3-26.9-26.8-58.6-48.2-92.6-63.4-34.2-14.9-70.7-24.1-107.7-25.7-61.1-3.2-122.9 12.7-174.8 45.2-51.9 32.4-94.4 81-118.3 138.8l-4.3 10.9-2.1 5.5c-.7 1.6-1.1 3-1.8 4.4-2.6 5.7-6.5 10.6-11.3 14.5-4.8 3.9-10.3 6.7-16.1 8.1-5.9 1.7-11.4 1.2-19.6 1l-45.4-1.3-22.7-.5c-7.9.2-16.2-.1-24.3 1-65 6-126.4 49.3-151.8 111.6-6.1 15.5-10.4 31.9-12.1 48.4-.7 4.1-1 8.3-1 12.4l-.3 12.5c.4 8.3 1.1 16.7 2.3 25 5.6 33 19.8 64.9 41.9 90.4 22.1 25.3 50.6 45.8 83.1 56.1 8.1 2.5 16.3 5.1 24.7 6.3 4.2.7 8.4 1.7 12.6 2.1l12.8.9 6.4.4 5.7.1 11.4.2 22.7.3c121.2 1.7 242.3 3.9 363.5 6.4l27.5.6v-1.5c30.9-2.3 61.6-9.1 90.5-20.7 37.6-14.7 71.9-37.5 100.7-65.6 28.6-28.3 52-62.1 67.4-99.1 15.6-37 23-77.1 22.6-116.7-.3-39.5-8.9-78.8-24.6-114.3zm-22.8 112.8c-5.6 66.9-35.6 130-83.4 175.1-47.5 45.5-111.7 72-177.9 73.3l-28.7.6C511 728 399.4 730 287.8 731.6l-22.7.3-11.4.2-5.7.1-5-.2-9.9-.4c-3.3-.1-6.5-.9-9.8-1.4-6.6-.7-13-2.6-19.4-4.3-25.6-7.2-48.6-22.8-66.9-42.4-18.2-19.8-30.3-45-35.7-71.4-1.2-6.6-1.9-13.4-2.5-20.1v-10.2c-.1-3.4-.1-6.8.5-10.2 1-13.7 4.1-26.9 8.7-39.7 9.7-25.3 26.6-48.2 48.6-65 10.8-8.6 23-15.5 35.8-20.8 12.8-5.4 26.3-9.4 40.2-11.2 6.9-1.3 13.8-1.3 21-1.8l22.7-.5 45.4-1.3c4-.2 7-.1 12-.5 4.6-.4 9.1-1.2 13.5-2.7 8.8-2.7 16.7-7.5 23.3-13.7 6.6-6.2 11.7-13.8 14.9-22.1.8-2 1.5-4.3 2.1-6.2l1.7-5.2 3.3-10.5c18.8-55.7 56.3-105.9 106.3-139.1 24.7-16.9 52.6-29 81.6-36.8 29.1-7.6 59.3-10.1 89.3-8.2 72.5 5.1 140.8 42.8 184.5 98 44.5 55 64.6 125.7 58.4 192.4z"
                    fill="#424242"
                  />
                </svg></div
            ></el-col>
            <el-col :span="4"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M97.773 257.112v610.882L552.649 1024V395.597z"
                    fill="#F6BC33"
                  />
                  <path
                    d="M552.649 1024l373.56-191.16V239.59l-373.56 156.006z"
                    fill="#F69933"
                  />
                  <path
                    d="M97.773 257.112l433.648-79.07 394.788 61.55-373.56 156.005z"
                    fill="#F6A454"
                  />
                  <path
                    d="M569.945 310.462l-156.342 42.792v623.124L282.419 931.34V313.382l145.448-27.966 110.18-10.67z"
                    fill="#D60027"
                  />
                  <path
                    d="M739.429 928.42V317.538L563.88 303.723l-25.832-64.132h72.443l109.844 17.521 92.773 29.652v604.03z"
                    fill="#D60027"
                  />
                  <path
                    d="M847.251 104.251c-48.52-68.063-119.054-41.668-154.77-18.756-21.34 13.702-39.872 33.47-51.44 47.172-3.145 3.707-9.098.786-8.087-3.93 5.616-28.978 13.478-81.99.899-103.668C615.883-5.368 506.15-3.796 494.245 7.324c-11.007 10.22-30.1 50.429-17.97 119.727.786 4.605-4.83 7.526-7.975 4.044-21.227-23.474-67.052-70.197-98.276-72.78-41.669-3.37-142.864 36.614-127.59 111.416 14.826 72.331 90.639 89.066 95.805 90.077.225 0 .45.112.674.112l77.498 4.044c2.134.112 3.93 1.572 4.267 3.706 2.022 10.22 11.344 39.535 51.329 41.557 48.52 2.583 111.416 18.756 132.756-28.08 21.228-46.835 131.858 5.953 178.693-13.59s112.315-95.243 63.795-163.306zm-491.603 88.505c-63.795-15.275-35.716-67.165-3.37-68.85 26.844-1.46 78.509 47.173 95.131 63.571 2.584 2.583 1.46 6.851-2.021 7.75-13.141 3.594-43.354 8.648-89.74-2.471zm421.07-12.804c-19.206 19.88-99.961 20.441-130.398 19.88a4.695 4.695 0 0 1-3.033-8.2c18.981-16.734 64.357-54.921 90.863-60.2 34.031-6.74 66.378 23.923 42.567 48.52z"
                    fill="#E43327"
                  />
                  <path
                    d="M564.33 270.478H511.54c-21.34 0-38.86-17.521-38.86-38.861v-31.111c0-21.34 17.52-38.862 38.86-38.862h52.789c21.34 0 38.86 17.522 38.86 38.862v31.11c0 21.34-17.52 38.862-38.86 38.862z"
                    fill="#FF7F00"
                  />
                </svg></div
            ></el-col>
            <el-col :span="4"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M855.2 603.9C875 557.3 885 507.7 885 456.7c0-60.8-14.8-121.2-42.7-174.8-26.1-50.1-63.8-94.3-109.1-128.3 0-.5.1-1 .1-1.5 0-19.1-23.3-33.6-71.2-44.5C620.4 98.2 565.2 93 506.6 93s-113.7 5.2-155.3 14.6c-47.9 10.9-71.2 25.4-71.2 44.5 0 .5 0 1 .1 1.5-24.4 18.3-46.5 39.4-65.9 63-3.5 4.3-2.9 10.6 1.4 14.1 1.9 1.5 4.1 2.3 6.3 2.3 2.9 0 5.8-1.2 7.7-3.7 17.7-21.5 37.9-41 60.1-57.8 11 10 31.4 18.3 61.6 25.1 41.6 9.4 96.8 14.6 155.3 14.6S620.4 206 662 196.6c30.2-6.8 50.6-15.2 61.6-25.1C812.3 239 865 345 865 456.7 865 654.2 704.2 815 506.6 815 309 815 148.3 654.3 148.3 456.7c0-65 17.6-128.6 50.8-184 2.8-4.7 1.3-10.9-3.4-13.7-4.7-2.8-10.9-1.3-13.7 3.4-35.1 58.5-53.6 125.7-53.6 194.3 0 51.1 10 100.6 29.7 147.3 19.1 45.1 46.3 85.5 81.1 120.3 1.3 1.3 2.7 2.6 4 3.9L214 770c-18.2 26-13.7 60.5 9.8 77 8.4 5.9 18.1 8.7 27.9 8.7 17.8 0 36-9.2 47.7-25.9l27.8-39.8c10.4 5.6 21.2 10.8 32.2 15.4C406 825 455.6 835 506.6 835s100.6-10 147.3-29.7c11-4.7 21.7-9.8 32.2-15.4l27.8 39.8c11.7 16.7 29.9 25.9 47.7 25.9 9.8 0 19.5-2.8 27.9-8.7 11.6-8.1 18.9-20.7 20.7-35.5 1.7-14.3-2.2-29.1-10.8-41.5l-29.2-41.8c1.3-1.3 2.7-2.6 4-3.9 34.7-34.8 62-75.2 81-120.3zM657.5 177.1c-40.2 9.1-93.8 14.1-150.9 14.1s-110.7-5-150.9-14.1c-45.4-10.3-55.6-21.8-55.6-25 0-3.2 10.2-14.7 55.6-25 40.2-9.1 93.8-14.1 150.9-14.1s110.7 5 150.9 14.1c45.4 10.3 55.6 21.8 55.6 25 .1 3.2-10.1 14.7-55.6 25zM283 818.2c-11.8 16.9-33.3 22.5-47.8 12.3-14.5-10.1-16.7-32.2-4.9-49.1l27.7-39.6c16.2 14.2 33.5 26.9 51.8 38L283 818.2zm500-36.9c5.9 8.4 8.5 18.2 7.4 27.7-1.1 9-5.4 16.6-12.3 21.4-14.5 10.1-36 4.6-47.8-12.3l-26.8-38.3c18.3-11.2 35.6-23.9 51.8-38l27.7 39.5z"
                    fill="#060001"
                  />
                  <path
                    d="M550.1 457.9c-20.8-19.7-57-43.1-111.1-43.1-71.7 0-110.1 43.4-133.9 77-1.2-2.3-2.2-4.3-3-6-10.9-23.7-46.5-70.4-75.5-75.1l-9.4-1.5-2 9.3c-.6 2.6-12.4 59.9 13.5 91.1-7.7 14.7-23 50.3-13.3 86.5l2.8 10.7 10.3-3.9c28.4-10.6 42.7-30.4 56.6-49.6 4.5-6.1 9.1-12.5 14.2-18.6 1.7-2 3.4-4.2 5.1-6.7 7.4 10.2 16.4 21.2 26.9 31.6 32.6 32.4 69.9 49.5 107.7 49.5 41.3 0 79.2-17.3 109.9-49.9 22.8-24.4 33.5-48.6 34-49.6l1.8-4-1.8-4c-.5-1-10.2-22.4-32.8-43.7zm-266.2 63.9c-5.5 6.6-10.3 13.2-15 19.6-10.9 15.1-20.6 28.4-36.4 37.4-3-33.6 16.7-65.3 16.9-65.6l4.6-7.3-6.5-5.7c-16.4-14.3-16.9-46.2-14.7-66.1 17.6 10.4 41.2 38.7 51 59.9 1.8 4 4.7 9.5 8.6 15.9-3.1 4.8-6 8.9-8.5 11.9zM439 589.1c-32.9 0-64.4-14.7-93.7-43.7-11.8-11.7-21.5-24.2-28.9-35 22.1-32.3 55.6-75.6 122.6-75.6 37.9 0 70.5 12.5 96.8 37.1 14.5 13.5 23.1 27.3 26.7 33.8-9 17.3-48 83.4-123.5 83.4z"
                    fill="#060001"
                  />
                  <path
                    d="M479.90000000000003 509.8a16.7 16.7 0 1 0 33.4 0 16.7 16.7 0 1 0-33.4 0zM747 359.4c0-20.3-16.5-36.8-36.8-36.8-20.3 0-36.8 16.5-36.8 36.8s16.5 36.8 36.8 36.8c20.3 0 36.8-16.6 36.8-36.8zm-53.6 0c0-9.3 7.5-16.8 16.8-16.8s16.8 7.5 16.8 16.8-7.5 16.8-16.8 16.8-16.8-7.6-16.8-16.8zm-78.7-131.9c-15.4 0-27.9 12.5-27.9 27.9s12.5 27.9 27.9 27.9 27.9-12.5 27.9-27.9-12.5-27.9-27.9-27.9zm0 35.8c-4.4 0-7.9-3.5-7.9-7.9s3.5-7.9 7.9-7.9 7.9 3.5 7.9 7.9c0 4.3-3.5 7.9-7.9 7.9zm-6.5 206.9c0 28.9 23.5 52.4 52.4 52.4s52.4-23.5 52.4-52.4-23.5-52.4-52.4-52.4-52.4 23.5-52.4 52.4zm84.9 0c0 17.9-14.5 32.4-32.4 32.4s-32.4-14.5-32.4-32.4 14.5-32.4 32.4-32.4c17.8 0 32.4 14.6 32.4 32.4zM236 651.4c-1.7 3.5-1.2 7.6 1.3 10.6 31.8 39.1 71.5 72 114.6 95.3C398.8 782.6 449.3 796 498 796c40.7 0 80.6-7.1 118.7-21 30.4-11.1 59.8-26.6 87.2-46.1 46.7-33.1 71.5-66 72.5-67.4 2.3-3 2.6-7.1.9-10.5-1.7-3.4-5.2-5.5-8.9-5.5H245c-3.9.2-7.4 2.4-9 5.9zm92.5 68.3l23.2-54h35.8l-30.7 71.7c-9.7-5.4-19.1-11.3-28.3-17.7zm114.7-54l-39.9 93.1c-9.7-3.5-19.3-7.6-28.8-12.2l34.7-80.9h34zM422.4 765l41.8-97.6c.2-.6.4-1.1.5-1.7h36.8l-45.8 106.9c-11.1-1.8-22.3-4.4-33.3-7.6zm54 10.2l46.2-107.8c.2-.6.4-1.1.5-1.7h38.7l-47.1 110c-5.5.3-11.1.4-16.8.4-7.1 0-14.3-.3-21.5-.9zm60.9-1.5l45.6-106.3c.2-.6.4-1.1.5-1.7h40.1l-42.7 99.6c-13.7 3.7-28.2 6.5-43.5 8.4zm68.5-16.1l39.4-91.9h36.2l-31.1 72.7c-13.4 6.9-28.3 13.5-44.5 19.2zm85.8-44.4c-3.9 2.7-8 5.5-12.4 8.4l23.9-55.8h43.2c-11.4 12.1-29.8 29.8-54.7 47.4zm-361.7-47.5L312 707.6c-15.9-12.5-31.1-26.5-45.1-41.9h63zM196.1 244.5a9.9 9.9 0 1 0 19.8 0 9.9 9.9 0 1 0-19.8 0z"
                    fill="#060001"
                  />
                </svg></div
            ></el-col>
            <el-col :span="4"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M844.4 714.1H667.6c7.1-6.1 14-12.4 20.7-19.1 32.2-32.2 57.5-69.7 75.2-111.5 18.3-43.3 27.6-89.2 27.6-136.6s-9.3-93.3-27.6-136.6c-17.7-41.8-43-79.3-75.2-111.5s-69.7-57.5-111.5-75.2C533.5 105.3 487.6 96 440.2 96s-93.3 9.3-136.6 27.6c-41.8 17.7-79.3 43-111.5 75.2-26.4 26.4-48.1 56.4-64.9 89.3-1.1 1.3-1.8 2.7-2.1 4.3-2.9 5.9-5.6 11.9-8.2 17.9-18.3 43.3-27.6 89.2-27.6 136.6s9.3 93.3 27.6 136.6c17.7 41.8 43 79.3 75.2 111.5s69.7 57.5 111.5 75.2c26.7 11.3 54.4 19.1 82.8 23.5l.1.4c.4-.1.8-.2 1.2-.2 17.2 2.6 34.8 3.9 52.5 3.9 47.4 0 93.3-9.3 136.6-27.6 23-9.7 44.8-21.8 65.1-36.1h202.6c8.6 0 15.6 7 15.6 15.6s-7 15.6-15.6 15.6H647.7c-19.7 0-35.8 16.1-35.8 35.8s16.1 35.8 35.8 35.8h95c5.5 0 10-4.5 10-10s-4.5-10-10-10h-95c-8.7 0-15.8-7.1-15.8-15.8s7.1-15.8 15.8-15.8h196.7c19.7 0 35.6-16 35.6-35.6.1-19.6-15.9-35.6-35.6-35.6zm-456.7 59.5c-11.6-1.9-22.9-4.3-34.1-7.3 54.1-7.8 103.7-22.5 150.5-44.7 9.3 2.3 18.7 4.4 28.2 6.3C488.6 749 441 764 387.7 773.6zm-274-379.8c1.5-9.5 3.5-18.8 5.8-28C205.6 485.9 287.1 567.6 374.8 622c79.2 49.1 165.3 76.5 269.1 85.5-5.3 4.1-10.7 8.1-16.2 11.9-205.3-11.5-354.9-106.2-514-325.6zm303.2 298.1c-49 16.8-102 26.5-161.2 29.6-6.9-4.6-13.6-9.5-20.1-14.7 53.9-4.9 102.9-14.9 149.1-30.4 10.6 5.5 21.4 10.7 32.2 15.5zM243.4 602c-52.3-41.8-96.1-89.8-133.9-146.5-.1-2.8-.1-5.7-.1-8.5 0-8.1.3-16 .9-24 37.9 50.9 74.7 94 112.1 131.2 15.4 15.4 30.8 29.6 46.3 42.8-8.5 1.8-16.8 3.5-25.3 5zm-26.7 4c-7.3.9-14.6 1.8-22.1 2.5-29.6-23.7-54.4-51-75.8-83.2-2.4-9.9-4.4-20-5.9-30.2 30.6 41.4 64.8 78 103.8 110.9zm-50.5 4.7c-4.3.2-8.7.4-13.1.6-5.1-8.9-9.8-18.1-14.1-27.5 8.6 9.4 17.7 18.3 27.2 26.9zM288 613c9.3 7.4 18.7 14.5 28.1 21.2-42.1 10.9-86.3 17.2-134.3 19.1-5.8-7.3-11.4-14.8-16.6-22.6 43.5-2.3 83.9-8.1 122.8-17.7zm377.4 76.1C444.6 675.2 292.5 577 126.6 341.4c3.1-9.1 6.6-18 10.4-26.8 16.2 22.4 32.3 43.6 47.9 63.3 2 2.5 4.9 3.8 7.8 3.8 2.2 0 4.4-.7 6.2-2.2 4.3-3.4 5.1-9.7 1.6-14-17.5-22-35.5-46-53.8-71.4 4-7.6 8.3-15.1 12.9-22.4 45.1 62.6 87.9 114.7 130.4 159.1 46.3 48.4 91.5 86.6 138 116.8 47.5 30.9 95.2 52.6 145.9 66.5 43.4 11.9 87.9 17.8 135.4 17.8h5c-5 7.4-10.3 14.6-15.9 21.5-179.6-3-318.5-76.9-463.6-246.2-3.6-4.2-9.9-4.7-14.1-1.1-4.2 3.6-4.7 9.9-1.1 14.1 144.9 169 284.1 245.5 462 252.8-5.2 5.5-10.6 10.9-16.2 16.1zm-482.3-449c16.6 30.6 30.2 55.6 40.9 83.7-17.3-21.9-34.7-45.1-52.3-69.8 3.6-4.9 7.3-9.8 11.1-14.5l.3.6zm488.8 72.3c-5.2 6.6-10.5 13.2-15.7 19.6.4-56.8-9.8-103.3-35.8-162.4 7.9 5.2 15.6 10.6 23 16.4 22.4 50.4 28.8 78.7 28.5 126.4zm52-35.6c4.7 7.8 9.1 15.8 13.1 24-83.8 117-166.2 201.3-251.6 257.6-9.8-5.1-19.5-10.5-29.2-16.3 91.5-56.7 179.3-143.7 267.7-265.3zm3.2 334.9c-3.2.1-6.4.2-9.6.2 7.5-8 15-16.3 22.5-25-4 8.4-8.3 16.7-12.9 24.8zm33.3-81.1c-24 30.6-47 57.2-70.3 81-9.2-.3-18.3-.9-27.4-1.7 34.6-32.8 69.3-71.5 105.2-117.2-1.8 12.9-4.3 25.6-7.5 37.9zm10.7-83.7c0 3 0 6.1-.1 9.1-46.4 61.5-90.5 111-134.5 150.9-9.1-1.3-18.1-2.8-27-4.6 53.4-45.4 106.3-103.6 160.9-177 .4 7.1.7 14.4.7 21.6zm-3.9-51c-62.3 86-121.9 151.8-182.2 200.8-10.9-2.8-21.6-6-32.3-9.6 70.9-53.2 139.3-126 208.3-221.8 2.4 10 4.5 20.2 6.2 30.6zM530.1 578.8c-8-3.2-16-6.6-23.9-10.3 81.7-56 160.6-136.9 240.3-246.7 2.6 6.3 5 12.6 7.2 19.1C679.4 446.1 606.2 524 530.1 578.8zm68.3-180.9c-7.7 8.1-15.4 16-23.1 23.6 6.6-46.8 5.4-90.1-3.6-134.6-10.4-50.9-30.9-103.4-64.2-164 8.4 1.7 16.6 3.8 24.7 6.1 62.9 110.4 71.9 175.8 66.2 268.9zM551 444.5c-7.7 7-15.4 13.8-23.1 20.3 8.7-55.7 7.6-107.1-3.1-159.7-11.9-58.5-35.7-119-74.4-188.9 10.7.3 21.2 1.1 31.6 2.5 71.4 124.9 90.7 216.8 69 325.8zm-46.8 39.6c-9 7-17.9 13.6-26.9 20 11.7-61.3 12.4-117.7 2.1-175.9-11.3-64.5-35.9-131.6-76.9-209.9 8.3-.9 16.7-1.6 25.1-1.9 79.6 140.4 101.1 244.5 76.6 367.7zm-50.7 36c-5.4 3.5-10.8 6.8-16.3 10-4.3-2.8-8.6-5.7-12.9-8.7 14.9-66.4 16.8-126.3 5.9-188.2-11.1-63.1-35.3-128.8-75.9-205.8 8.9-2.4 17.9-4.4 27.1-6.1 81.8 153.8 102 266.7 72.1 398.8zm-46.8-11.4c-8.4-6.2-16.7-12.8-25-19.6 12.2-56.1 12.3-108.8.4-165.2-11.4-54.2-33.9-112.2-70.7-181.7 7.7-3.3 15.5-6.2 23.5-8.9 77 144.8 97.6 252 71.8 375.4zm-42.5-34.3c-7.5-6.5-14.9-13.2-22.4-20.2 7-49 4.1-94.1-9-141.6-11.5-41.5-30.8-86.3-64.2-148.5 8-4.9 16.2-9.4 24.5-13.5 69.5 130.9 90.1 224.2 71.1 323.8zm-40.3-37.6c-9.7-9.7-19.5-19.7-29.3-30.3 3.3-79-18.3-124.3-66.5-213.3 7.6-6.4 15.6-12.4 23.8-18.1 54.3 101.3 81 172.8 72 261.7zm388.3-178c-7 9.7-13.9 19.2-20.9 28.4-1.5-25.1-5.7-46.4-14.3-71.1 12.9 13.2 24.7 27.5 35.2 42.7zM590.4 152.1c37.7 78.1 49.3 130.7 45.1 204.7-5.3 6.2-10.6 12.2-15.9 18.2 1.4-43-1.4-76.1-8.9-109.5-8.9-39.6-24.7-79.5-50.2-126.9 10.1 4 20.1 8.5 29.9 13.5zm-377.7 54.8c41.3 76.5 60.8 117.4 62.1 177.9-5.9-6.6-11.7-13.4-17.6-20.3-12.3-52.5-30.9-86.8-56.6-133.9l-3.9-7.3c5.1-5.7 10.5-11.1 16-16.4zm-14.3 465.6c49.7-3 95.5-10.8 139.4-23.5 4.4 2.8 8.7 5.6 13.1 8.3 3.2 2 6.5 3.9 9.7 5.8-45.1 13.5-93.2 21.9-146.4 25.3-5.4-5.1-10.7-10.4-15.8-15.9zm87.2 66.9c57.9-5.3 110.1-17.2 158.8-36.3 9.7 3.6 19.5 7 29.4 10.1-50.3 20.9-104.3 33.3-164.2 37.8-8.1-3.6-16.1-7.5-24-11.6zm174.1 37.8c37.7-11.2 72.6-25.7 105.5-43.8 10.9 1.6 22.1 2.9 33.4 3.9-41.7 22.9-88.8 37-138.9 39.9z"
                    fill="#060001"
                  />
                  <path
                    d="M220.5 392.6c0-5.7-4.6-10.3-10.3-10.3-5.7 0-10.3 4.6-10.3 10.3 0 5.7 4.6 10.3 10.3 10.3 5.7 0 10.3-4.6 10.3-10.3z"
                    fill="#060001"
                  />
                </svg></div
            ></el-col>
          </el-row>
          <el-row :gutter="12">
            <el-col :span="6"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M196.4 126.6L162.5 153l-16.9 48.8 18.9 40.8 29.6 29.1 66.4-81zM597.8 528l-65.9 75.7 212.9 209.2 24.9 29.9v84.6l43.8 35.8 27.8 28.9 44.8 6 22.9-38.9 13.4-106.7z"
                    fill="#FFE600"
                  />
                  <path
                    d="M357 745c-39.9 0-77.4-15.5-105.6-43.7L93.6 543.4c-28.2-28.2-43.7-65.7-43.7-105.6s15.5-77.4 43.7-105.6L380.4 45.5c58.2-58.2 152.9-58.2 211.1 0l157.8 157.8C777.5 231.5 793 269 793 308.9s-15.5 77.4-43.7 105.6L462.6 701.3C434.4 729.5 396.9 745 357 745zM485.9 41.6c-28 0-56.1 10.7-77.4 32L121.7 360.4c-20.7 20.7-32.1 48.2-32.1 77.4 0 29.2 11.4 56.7 32.1 77.4L279.5 673c20.7 20.7 48.2 32.1 77.4 32.1 29.2 0 56.7-11.4 77.4-32.1l286.8-286.8c20.7-20.7 32.1-48.2 32.1-77.4 0-29.2-11.4-56.7-32.1-77.4L563.4 73.6c-21.4-21.3-49.4-32-77.5-32z"
                    fill="#510F00"
                  />
                  <path
                    d="M403.8 620.3c-2.5 0-5.1-1-7-2.9-3.9-3.9-3.9-10.2 0-14.1l254.6-254.6c3.9-3.9 10.2-3.9 14.1 0 3.9 3.9 3.9 10.2 0 14.1L410.8 617.4c-1.9 1.9-4.4 2.9-7 2.9zM202.6 241.6l-27.9-27.9c-9.1-9.1-9.1-23.8 0-32.9l54.2-54.2c9.1-9.1 23.8-9.1 32.9 0l27.9 27.9 32.9-32.9-27.9-27.9c-27.2-27.2-71.4-27.2-98.6 0l-54.2 54.2c-27.2 27.2-27.2 71.4 0 98.6l27.9 27.9 32.8-32.8zm432.8 258.7l285.4 285.4c6.2 6.2 8.4 15.2 5.7 23.6L878 959.6c-3.6 11.2-12.9 14.5-16.7 15.5-3.8.9-13.6 2.2-21.9-6.2l-46.1-46.1c-6.2-6.2-8.4-15.2-5.7-23.6l4.6-14.3c8.1-25 1.5-52.1-17.1-70.7l-227-227-32.9 32.9 227 227c6.2 6.2 8.4 15.2 5.7 23.6l-4.6 14.3c-8.1 25-1.5 52.1 17 70.7l46.1 46.1c17.3 17.3 41.8 24.2 65.6 18.5 12.8-3.1 24.1-9.5 33-18.4 7.7-7.7 13.5-17.2 17-28l48.5-150.3c8.1-25 1.5-52.1-17-70.7L668.3 467.4l-32.9 32.9z"
                    fill="#510F00"
                  />
                </svg></div
            ></el-col>
            <el-col :span="6"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1061 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M234.7 612.1c2.8-16.2-3.6-32.5-16.6-42.5l-.1-.1c-12.8-9.5-29.9-11.6-44.6-5.5-14.8 5.7-25.3 18.9-27.6 34.7-3.8 17.5-5.7 35.4-5.9 53.3v.3c.8 63.9 26.5 123.7 72.3 168.3 45 43.9 104.2 68 167 68h3.1c14.4-.1 28.9-1.3 43.1-3.7 22.6-3.6 39.1-23.7 38.4-46.6v-.5c-1.9-22.8-21.3-40.5-44-40.5h-5.1l-1.1.3c-10.2 2.4-20.7 3.6-31.2 3.3h-.5c-47.5 0-91.7-21.4-121.1-58.6-28.6-36.3-38.4-84.5-26.2-129l.1-1.2z"
                    fill="#222"
                  />
                  <path
                    d="M622 911.8c-3.1-15.5-14.3-28.4-29.2-33.8l-.4-.1c-15.1-4.8-32-1.5-44.1 8.7-49 33-106 50.4-165.1 50.4h-.5c-159 2.1-290.3-125.4-292.8-284.4 0-247.5 234.7-484.3 281.8-529.2l.6-.6.5-.6c.7-.9 1.5-1.7 2.4-2.4 4.5-3.4 10.7-3 14.7.6v.4l2.3 2.2 2.3 3h.9c55.6 52.7 106.1 111.1 150.2 173.7l6.8 9.6 1.5-1.5c8.1 7.2 18.7 11.3 30 11.1 17.3-.3 32.7-10.1 40.3-25.6l.1-.1c7.4-15.7 4.7-34.1-7-46.9-61.4-87.1-133-167.2-212.8-237.7-13.5-12.1-33.8-11.3-46.4 1.6-35.3 31.3-125.4 115.6-206.5 230.9-45.1 64.1-80.7 128.2-105.8 190.8C15.4 507.5 0 581.5 0 652v.1C.7 703 11.4 752.2 31.7 798.4 51.3 843 79.1 883 114.2 917.1c35.1 34.1 75.8 60.8 120.9 79.2 45.2 18.4 93 27.7 142.1 27.7h5.5c80 0 156.9-24.2 222.4-69.9l.2-.1c13.2-9.7 19.6-25.7 16.8-41.9l-.1-.3zm123.6-274.5c.3-3.7.7-7.3 1-10.9.4-3.8.7-7.6 1.1-11.5v-.8c.2-21-15.3-39.4-36.1-42.7-18.2-3.3-36.4 5.2-45.7 20.7h-2l-2.1 7c-12.2 40.6-4.1 84.9 21.7 118.6 26.7 34.1 66.9 53.8 110.3 54h5.9c24.2-.2 43.7-20.1 43.4-44.3-.3-24-19.9-43.4-43.9-43.4h-6.1c-25.7-.2-46.9-20.9-47.5-46.7z"
                    fill="#222"
                  />
                  <path
                    d="M932.5 396.5C884 325.6 828.9 272.1 800.2 246.3c-.7-.7-1.4-1.5-2.2-2.2-6.5-5.8-14.8-8.7-23.4-8.2-5.1.3-9.9 1.7-14.2 4.2l-1.1-1.2-7 6.4C699.6 293 528 463.5 528 653.4v1.2c1 65.2 27.4 126.1 74.3 171.5 45.9 44.4 106.1 68.8 169.8 68.8h3.9c65.2.9 126.9-23.6 173.7-68.9 46.9-45.4 73.2-106.4 74.3-171.6v-.2c0-82.3-30.8-169-91.5-257.7zm3 256.1c-2.4 84.6-70.5 152.6-155.1 154.9-42.6 1.2-83.1-14.3-114.1-43.6-30.9-29.3-48.6-68.8-49.8-111.3.1-120.6 101.2-245.6 148-297h1l2.9-3.6c.6-.7 1.1-1.2 1.6-1.6 4.5-3.6 11.1-2.9 14.8 1.5l3 3.6h.4c46.6 50.4 147.2 173.5 147.3 297.1z"
                    fill="#222"
                  />
                </svg></div
            ></el-col>
            <el-col :span="6"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M778.4 379.1v-.3c0-.3 0-.7-.1-1 0-.1 0-.2-.1-.3l-.3-1.2v-.1c-.1-.4-.3-.7-.4-1.1 0-.1-.1-.2-.2-.3-.2-.3-.4-.7-.6-1l-.1-.1c-.2-.4-.5-.7-.8-1l-.1-.1-99.3-110.1v-126c0-5.5-4.5-10-10-10H294.1c-5.5 0-10 4.5-10 10V262l-81.3 77.6-.1.1-.3.3c-.2.2-.3.3-.4.5-.1.1-.2.2-.2.3-.1.2-.3.4-.4.6-.1.1-.1.2-.2.3l-.3.6c-.1.1-.1.2-.2.3-.1.2-.2.5-.3.7 0 .1-.1.2-.1.3-.1.3-.2.5-.2.8 0 .1 0 .2-.1.2-.1.3-.1.7-.2 1v460.9c0 3.9 2.2 7.4 5.7 9L381.9 899c.1 0 .2.1.2.1.2.1.4.2.6.2.1 0 .3.1.4.1.2.1.4.1.6.2.1 0 .3.1.4.1.2 0 .4.1.5.1.2 0 .3.1.5.1h1.7l382.3-25.2c5.3-.3 9.3-4.7 9.3-10V379.1zm-485.5-97.9l68.6 90.5L230 341.3l62.9-60.1zm98.1 96.3l-76.8-101.3h347.9l84.3 93.5-301.4 6.7-54 1.1zm-86.9-231h352.5v109.8H304.1V146.5zm454.3 708.9l-362.3 23.9V529.8c0-5.5-4.5-10-10-10s-10 4.5-10 10v344.4l-156.5-73.9V359.4l156.5 36.2v81.5c0 5.5 4.5 10 10 10s10-4.5 10-10v-79.6l95.2-2.1 267.1-5.9v465.9z"
                    fill="#060001"
                  />
                  <path
                    d="M486.9 580.7c-7 7.1-10.7 15.7-10.6 24.8.1 10.5 5.1 19.5 9.3 25.3-6.5 11.6-6.9 24.8-.7 36 6.8 12.4 19.7 19.8 34 19.8 1.8 0 3.7-.1 5.5-.4 22.1-2.9 31.8-17.8 35.7-26.9l72.2-9.9c5.7 7.7 15.4 13.6 25.9 15.4 13.6 2.3 26.2-2.4 34.6-13 6.3-7.9 9-16.9 7.9-25.9-1.1-8.8-5.5-16-9.6-20.9 5.9-9.3 7.2-20.8 3.1-31.5-5.6-14.7-19.5-23.9-35.4-23.5-24 .6-36.1 16.3-40.7 28.5l-69.7 9.6c-4.7-8.2-13.3-15.2-23-18.2-13.7-4.2-27.4-.4-38.5 10.8zm45.3 20.2c.9 5.3 5.9 8.9 11.2 8.1l83.9-11.5c4.4-.6 7.8-3.9 8.5-8.2.4-1.9 4-18.8 23.5-19.3 8.9-.2 14.2 5.4 16.2 10.7.9 2.4 3.3 10.6-4.5 17.3-2.3 2-3.6 4.8-3.5 7.9s1.5 5.8 3.9 7.7c2.4 1.9 8.7 8.2 9.5 15 .4 3.6-.8 7.2-3.7 10.9-3.9 4.9-9.1 6.8-15.5 5.7-7.1-1.2-13.2-6-14.5-9.8-1.6-4.5-6.1-7.3-10.8-6.6l-85 11.7c-4.2.6-7.6 3.7-8.4 7.9 0 .2-3.5 15.9-21.1 18.2-8.1 1.1-15.7-2.5-19.3-9.2-3.5-6.4-2.3-13.9 3.4-20.6 3.4-4 3.1-10-.7-13.6-2.4-2.4-8.8-10.3-8.9-17.8 0-3.7 1.5-7.1 4.8-10.4 4.3-4.3 8.8-6.5 13.5-6.5 1.6 0 3.2.3 4.8.8 6.9 1.9 12.1 8.1 12.7 11.6zM376.8 503a9.3 9.3 0 1 0 18.6 0 9.3 9.3 0 1 0-18.6 0z"
                    fill="#060001"
                  />
                </svg></div
            ></el-col>
            <el-col :span="6"
              ><div class="grid-content ep-bg-purple iconsBox">
                <svg
                  class="icon"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                  width="48"
                  height="48"
                >
                  <path
                    d="M512.6 1018.5c-68.4 0-134.8-13.4-197.3-39.8-60.4-25.5-114.6-62.1-161.1-108.6C107.5 823.4 71 769.2 45.4 708.8 19 646.3 5.6 579.9 5.6 511.5S19 376.7 45.4 314.2C71 253.8 107.5 199.6 154.1 153S254.9 69.9 315.2 44.4C377.8 17.9 444.1 4.5 512.6 4.5s134.8 13.4 197.3 39.8c60.4 25.5 114.6 62.1 161.1 108.6 46.6 46.6 83.1 100.8 108.6 161.1 26.4 62.5 39.8 128.9 39.8 197.3s-13.4 134.8-39.8 197.3C954.1 769 917.5 823.2 871 869.7c-46.6 46.6-100.8 83.1-161.1 108.6-62.5 26.8-128.9 40.2-197.3 40.2zm0-985c-263.6 0-478 214.4-478 478s214.4 478 478 478 478-214.4 478-478-214.4-478-478-478z"
                    fill="#d81e06"
                  />
                  <path
                    d="M324.3 250.8h29v86.9h-29zm347.6 0h29v86.9h-29zM510.1 844.7c-71.2 0-139.2-22.2-196.5-64.1-27.6-20.2-51.8-44.4-72.1-71.9-20.5-27.9-36.4-58.5-47.4-91.2l27.5-9.2c41.6 124 157.5 207.4 288.5 207.4 111.7 0 214.2-61 267.5-159.2l25.5 13.8c-58.4 107.5-170.7 174.4-293 174.4zM819 636.6l-26.8-10.9c1.8-4.5 3.7-10.2 5.5-16.8l27.9 7.7c-2.1 7.7-4.3 14.4-6.6 20z"
                    fill="#d81e06"
                  />
                </svg></div
            ></el-col>
          </el-row></div
      ></el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="6"><div class="grid-content"></div></el-col>
      <el-col :span="6"><div class="grid-content"></div></el-col>
      <el-col :span="6"><div class="grid-content"></div></el-col>
      <el-col :span="6"><div class="grid-content"></div></el-col>
    </el-row>
  </div>
</template>
<script lang="ts" setup>
// @ts-ignore
import { ref, onMounted, computed } from "vue";
// @ts-ignore
import CountTo from "vue-count-to";
// @ts-ignore
import * as echarts from "echarts";
// @ts-ignore
import { NumberAnimationInst } from "naive-ui";
// @ts-ignore
import { ElCheckbox } from "element-plus";

const chartRef = ref<HTMLDivElement | null>(null); // 引用图表DOM元素
const chartRef1 = ref<HTMLDivElement | null>(null); // 引用图表DOM元素
const chartRef2 = ref<HTMLDivElement | null>(null); // 引用图表DOM元素
const chartRef3 = ref<HTMLDivElement | null>(null); // 引用图表DOM元素
const numberAnimationInstRef = ref<NumberAnimationInst | null>(null);
// function handleClick() {
//   numberAnimationInstRef.value?.play();
// }
// 三图表

// 使用ECharts的配置项进行配置
const options = {
  color: ["#80FFA5", "#00DDFF", "#37A2FF", "#FF0087", "#FFBF00"],
  title: {
    // text: "Gradient Stacked Area Chart",
  },
  tooltip: {
    trigger: "axis",
    axisPointer: {
      type: "cross",
      label: {
        backgroundColor: "#6a7985",
      },
    },
  },
  legend: {
    data: ["Line 1", "Line 2", "Line 3", "Line 4", "Line 5"],
  },
  toolbox: {
    feature: {
      saveAsImage: {},
    },
  },
  grid: {
    left: "3%",
    right: "4%",
    bottom: "3%",
    containLabel: true,
  },
  xAxis: [
    {
      type: "category",
      boundaryGap: false,
      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
    },
  ],
  yAxis: [
    {
      type: "value",
    },
  ],
  series: [
    {
      name: "Line 1",
      type: "line",
      stack: "Total",
      smooth: true,
      lineStyle: {
        width: 0,
      },
      showSymbol: false,
      areaStyle: {
        opacity: 0.8,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          {
            offset: 0,
            color: "rgb(128, 255, 165)",
          },
          {
            offset: 1,
            color: "rgb(1, 191, 236)",
          },
        ]),
      },
      emphasis: {
        focus: "series",
      },
      data: [140, 232, 101, 264, 90, 340, 250],
    },
    {
      name: "Line 2",
      type: "line",
      stack: "Total",
      smooth: true,
      lineStyle: {
        width: 0,
      },
      showSymbol: false,
      areaStyle: {
        opacity: 0.8,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          {
            offset: 0,
            color: "rgb(0, 221, 255)",
          },
          {
            offset: 1,
            color: "rgb(77, 119, 255)",
          },
        ]),
      },
      emphasis: {
        focus: "series",
      },
      data: [120, 282, 111, 234, 220, 340, 310],
    },
    {
      name: "Line 3",
      type: "line",
      stack: "Total",
      smooth: true,
      lineStyle: {
        width: 0,
      },
      showSymbol: false,
      areaStyle: {
        opacity: 0.8,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          {
            offset: 0,
            color: "rgb(55, 162, 255)",
          },
          {
            offset: 1,
            color: "rgb(116, 21, 219)",
          },
        ]),
      },
      emphasis: {
        focus: "series",
      },
      data: [320, 132, 201, 334, 190, 130, 220],
    },
    {
      name: "Line 4",
      type: "line",
      stack: "Total",
      smooth: true,
      lineStyle: {
        width: 0,
      },
      showSymbol: false,
      areaStyle: {
        opacity: 0.8,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          {
            offset: 0,
            color: "rgb(255, 0, 135)",
          },
          {
            offset: 1,
            color: "rgb(135, 0, 157)",
          },
        ]),
      },
      emphasis: {
        focus: "series",
      },
      data: [220, 402, 231, 134, 190, 230, 120],
    },
    {
      name: "Line 5",
      type: "line",
      stack: "Total",
      smooth: true,
      lineStyle: {
        width: 0,
      },
      showSymbol: false,
      label: {
        show: true,
        position: "top",
      },
      areaStyle: {
        opacity: 0.8,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          {
            offset: 0,
            color: "rgb(255, 191, 0)",
          },
          {
            offset: 1,
            color: "rgb(224, 62, 76)",
          },
        ]),
      },
      emphasis: {
        focus: "series",
      },
      data: [220, 302, 181, 234, 210, 290, 150],
    },
  ],
};
// echarts图1
const colorList = [
  "#4f81bd",
  "#c0504d",
  "#9bbb59",
  "#604a7b",
  "#948a54",
  "#e46c0b",
];

const data = [
  [10, 16, 3, "A"],
  [16, 18, 15, "B"],
  [18, 26, 12, "C"],
  [26, 32, 22, "D"],
  [32, 56, 7, "E"],
  [56, 62, 17, "F"],
].map(function (item, index) {
  return {
    value: item,
    itemStyle: {
      color: colorList[index],
    },
  };
});

const options1 = {
  title: {
    text: "Profit",
    left: "center",
  },
  tooltip: {},
  xAxis: {
    scale: true,
  },
  yAxis: {
    position: "right",
    offset: -6,
  },
  series: [
    {
      type: "custom",
      renderItem: function (
        // @ts-ignore
        params: any,
        api: {
          value: (arg0: number) => number;
          coord: (arg0: any[]) => any;
          size: any;
          style: () => any;
        }
      ) {
        var yValue = api.value(2);
        var start = api.coord([api.value(0), yValue]);
        var size = api.size!([
          (api.value(1) as number) - (api.value(0) as number),
          yValue,
        ]) as number[];
        var style = api.style();

        return {
          type: "rect",
          shape: {
            x: start[0],
            y: start[1],
            width: size[0],
            height: size[1],
          },
          style: style,
        };
      },
      label: {
        show: true,
        position: "top",
      },
      dimensions: ["from", "to", "profit"],
      encode: {
        x: [0, 1],
        y: 2,
        tooltip: [0, 1, 2],
        itemName: 3,
      },
      data: data,
    },
  ],
};

// echarts图2
function genData(count: number) {
  // prettier-ignore
  const nameList = [
    '赵', '钱', '孙', '李', '周', '吴', '郑', '王', '冯', '陈', '褚', '卫', '蒋', '沈', '韩', '杨', '朱', '秦', '尤', '许', '何', '吕', '施', '张', '孔', '曹', '严', '华', '金', '魏', '陶', '姜', '戚', '谢', '邹', '喻', '柏', '水', '窦', '章', '云', '苏', '潘', '葛', '奚', '范', '彭', '郎', '鲁', '韦', '昌', '马', '苗', '凤', '花', '方', '俞', '任', '袁', '柳', '酆', '鲍', '史', '唐', '费', '廉', '岑', '薛', '雷', '贺', '倪', '汤', '滕', '殷', '罗', '毕', '郝', '邬', '安', '常', '乐', '于', '时', '傅', '皮', '卞', '齐', '康', '伍', '余', '元', '卜', '顾', '孟', '平', '黄', '和', '穆', '萧', '尹', '姚', '邵', '湛', '汪', '祁', '毛', '禹', '狄', '米', '贝', '明', '臧', '计', '伏', '成', '戴', '谈', '宋', '茅', '庞', '熊', '纪', '舒', '屈', '项', '祝', '董', '梁', '杜', '阮', '蓝', '闵', '席', '季', '麻', '强', '贾', '路', '娄', '危'
  ];
  const legendData = [];
  const seriesData = [];
  for (var i = 0; i < count; i++) {
    var name =
      Math.random() > 0.65
        ? makeWord(4, 1) + "·" + makeWord(3, 0)
        : makeWord(2, 1);
    legendData.push(name);
    seriesData.push({
      name: name,
      value: Math.round(Math.random() * 100000),
    });
  }

  return {
    legendData: legendData,
    seriesData: seriesData,
  };

  function makeWord(max: number, min: number) {
    const nameLen = Math.ceil(Math.random() * max + min);
    const name = [];
    for (var i = 0; i < nameLen; i++) {
      name.push(nameList[Math.round(Math.random() * nameList.length - 1)]);
    }
    return name.join("");
  }
}
const myData = genData(50);
const options2 = {
  title: {
    text: "",
    subtext: "纯属虚构",
    left: "center",
  },
  tooltip: {
    trigger: "item",
    formatter: "{a} <br/>{b} : {c} ({d}%)",
  },
  legend: {
    type: "scroll",
    orient: "vertical",
    right: 10,
    top: 20,
    bottom: 20,
    data: myData.legendData,
  },
  series: [
    {
      name: "姓名",
      type: "pie",
      radius: "55%",
      center: ["40%", "50%"],
      data: myData.seriesData,
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: "rgba(0, 0, 0, 0.5)",
        },
      },
    },
  ],
};

// echarts图3
const dataBJ = [
  [55, 9, 56, 0.46, 18, 6, 1],
  [25, 11, 21, 0.65, 34, 9, 2],
  [56, 7, 63, 0.3, 14, 5, 3],
  [33, 7, 29, 0.33, 16, 6, 4],
  [42, 24, 44, 0.76, 40, 16, 5],
  [82, 58, 90, 1.77, 68, 33, 6],
  [74, 49, 77, 1.46, 48, 27, 7],
  [78, 55, 80, 1.29, 59, 29, 8],
  [267, 216, 280, 4.8, 108, 64, 9],
  [185, 127, 216, 2.52, 61, 27, 10],
  [39, 19, 38, 0.57, 31, 15, 11],
  [41, 11, 40, 0.43, 21, 7, 12],
  [64, 38, 74, 1.04, 46, 22, 13],
  [108, 79, 120, 1.7, 75, 41, 14],
  [108, 63, 116, 1.48, 44, 26, 15],
  [33, 6, 29, 0.34, 13, 5, 16],
  [94, 66, 110, 1.54, 62, 31, 17],
  [186, 142, 192, 3.88, 93, 79, 18],
  [57, 31, 54, 0.96, 32, 14, 19],
  [22, 8, 17, 0.48, 23, 10, 20],
  [39, 15, 36, 0.61, 29, 13, 21],
  [94, 69, 114, 2.08, 73, 39, 22],
  [99, 73, 110, 2.43, 76, 48, 23],
  [31, 12, 30, 0.5, 32, 16, 24],
  [42, 27, 43, 1, 53, 22, 25],
  [154, 117, 157, 3.05, 92, 58, 26],
  [234, 185, 230, 4.09, 123, 69, 27],
  [160, 120, 186, 2.77, 91, 50, 28],
  [134, 96, 165, 2.76, 83, 41, 29],
  [52, 24, 60, 1.03, 50, 21, 30],
  [46, 5, 49, 0.28, 10, 6, 31],
];

const dataGZ = [
  [26, 37, 27, 1.163, 27, 13, 1],
  [85, 62, 71, 1.195, 60, 8, 2],
  [78, 38, 74, 1.363, 37, 7, 3],
  [21, 21, 36, 0.634, 40, 9, 4],
  [41, 42, 46, 0.915, 81, 13, 5],
  [56, 52, 69, 1.067, 92, 16, 6],
  [64, 30, 28, 0.924, 51, 2, 7],
  [55, 48, 74, 1.236, 75, 26, 8],
  [76, 85, 113, 1.237, 114, 27, 9],
  [91, 81, 104, 1.041, 56, 40, 10],
  [84, 39, 60, 0.964, 25, 11, 11],
  [64, 51, 101, 0.862, 58, 23, 12],
  [70, 69, 120, 1.198, 65, 36, 13],
  [77, 105, 178, 2.549, 64, 16, 14],
  [109, 68, 87, 0.996, 74, 29, 15],
  [73, 68, 97, 0.905, 51, 34, 16],
  [54, 27, 47, 0.592, 53, 12, 17],
  [51, 61, 97, 0.811, 65, 19, 18],
  [91, 71, 121, 1.374, 43, 18, 19],
  [73, 102, 182, 2.787, 44, 19, 20],
  [73, 50, 76, 0.717, 31, 20, 21],
  [84, 94, 140, 2.238, 68, 18, 22],
  [93, 77, 104, 1.165, 53, 7, 23],
  [99, 130, 227, 3.97, 55, 15, 24],
  [146, 84, 139, 1.094, 40, 17, 25],
  [113, 108, 137, 1.481, 48, 15, 26],
  [81, 48, 62, 1.619, 26, 3, 27],
  [56, 48, 68, 1.336, 37, 9, 28],
  [82, 92, 174, 3.29, 0, 13, 29],
  [106, 116, 188, 3.628, 101, 16, 30],
  [118, 50, 0, 1.383, 76, 11, 31],
];

const dataSH = [
  [91, 45, 125, 0.82, 34, 23, 1],
  [65, 27, 78, 0.86, 45, 29, 2],
  [83, 60, 84, 1.09, 73, 27, 3],
  [109, 81, 121, 1.28, 68, 51, 4],
  [106, 77, 114, 1.07, 55, 51, 5],
  [109, 81, 121, 1.28, 68, 51, 6],
  [106, 77, 114, 1.07, 55, 51, 7],
  [89, 65, 78, 0.86, 51, 26, 8],
  [53, 33, 47, 0.64, 50, 17, 9],
  [80, 55, 80, 1.01, 75, 24, 10],
  [117, 81, 124, 1.03, 45, 24, 11],
  [99, 71, 142, 1.1, 62, 42, 12],
  [95, 69, 130, 1.28, 74, 50, 13],
  [116, 87, 131, 1.47, 84, 40, 14],
  [108, 80, 121, 1.3, 85, 37, 15],
  [134, 83, 167, 1.16, 57, 43, 16],
  [79, 43, 107, 1.05, 59, 37, 17],
  [71, 46, 89, 0.86, 64, 25, 18],
  [97, 71, 113, 1.17, 88, 31, 19],
  [84, 57, 91, 0.85, 55, 31, 20],
  [87, 63, 101, 0.9, 56, 41, 21],
  [104, 77, 119, 1.09, 73, 48, 22],
  [87, 62, 100, 1, 72, 28, 23],
  [168, 128, 172, 1.49, 97, 56, 24],
  [65, 45, 51, 0.74, 39, 17, 25],
  [39, 24, 38, 0.61, 47, 17, 26],
  [39, 24, 39, 0.59, 50, 19, 27],
  [93, 68, 96, 1.05, 79, 29, 28],
  [188, 143, 197, 1.66, 99, 51, 29],
  [174, 131, 174, 1.55, 108, 50, 30],
  [187, 143, 201, 1.39, 89, 53, 31],
];
const lineStyle = {
  width: 1,
  opacity: 0.5,
};

const options3 = {
  backgroundColor: "#161627",
  title: {
    text: "AQI - Radar",
    left: "top",
    textStyle: {
      color: "#eee",
    },
  },
  legend: {
    right: 0,
    // bottom: 5,
    padding: [2, 0],
    orient: "vertical",
    data: ["Beijing", "Shanghai", "Guangzhou"],
    itemGap: 10,
    // itemHeight: 11,
    textStyle: {
      color: "#fff",
      fontSize: 10,
    },
    selectedMode: "single",
  },
  radar: {
    indicator: [
      { name: "AQI", max: 300 },
      { name: "PM2.5", max: 250 },
      { name: "PM10", max: 300 },
      { name: "CO", max: 5 },
      { name: "NO2", max: 200 },
      { name: "SO2", max: 100 },
    ],
    shape: "circle",
    splitNumber: 5,
    axisName: {
      color: "rgb(238, 197, 102)",
    },
    splitLine: {
      lineStyle: {
        color: [
          "rgba(238, 197, 102, 0.1)",
          "rgba(238, 197, 102, 0.2)",
          "rgba(238, 197, 102, 0.4)",
          "rgba(238, 197, 102, 0.6)",
          "rgba(238, 197, 102, 0.8)",
          "rgba(238, 197, 102, 1)",
        ].reverse(),
      },
    },
    splitArea: {
      show: false,
    },
    axisLine: {
      lineStyle: {
        color: "rgba(238, 197, 102, 0.5)",
      },
    },
  },
  series: [
    {
      name: "Beijing",
      type: "radar",
      lineStyle: lineStyle,
      data: dataBJ,
      symbol: "none",
      itemStyle: {
        color: "#F9713C",
      },
      areaStyle: {
        opacity: 0.1,
      },
    },
    {
      name: "Shanghai",
      type: "radar",
      lineStyle: lineStyle,
      data: dataSH,
      symbol: "none",
      itemStyle: {
        color: "#B3E4A1",
      },
      areaStyle: {
        opacity: 0.05,
      },
    },
    {
      name: "Guangzhou",
      type: "radar",
      lineStyle: lineStyle,
      data: dataGZ,
      symbol: "none",
      itemStyle: {
        color: "rgb(238, 197, 102)",
      },
      areaStyle: {
        opacity: 0.05,
      },
    },
  ],
};
// 自适应表格
const generateColumns = (length = 10, prefix = "column-", props?: any) =>
  Array.from({ length }).map((_, columnIndex) => ({
    ...props,
    key: `${prefix}${columnIndex}`,
    dataKey: `${prefix}${columnIndex}`,
    title: `Column ${columnIndex}`,
    width: 150,
  }));

const generateData = (
  columns: ReturnType<typeof generateColumns>,
  length = 200,
  prefix = "row-"
) =>
  Array.from({ length }).map((_, rowIndex) => {
    return columns.reduce(
      (rowData, column, columnIndex) => {
        rowData[column.dataKey] = `Row ${rowIndex} - Col ${columnIndex}`;
        return rowData;
      },
      {
        id: `${prefix}${rowIndex}`,
        parentId: null,
      }
    );
  });

const columns = generateColumns(10);
const dataT = generateData(columns, 200);
// @ts-ignore
const rowClass = ({ rowIndex }) => {
  if (rowIndex < 0 || (rowIndex + 1) % 5 === 0) return "sticky-row";
};

const stickyIndex = ref(0);

const fixedData = computed(() =>
  dataT.slice(stickyIndex.value, stickyIndex.value + 1)
);

const tableData = computed(() => {
  return dataT.slice(1);
});
// @ts-ignore
const onScroll = ({ scrollTop }) => {
  stickyIndex.value = Math.floor(scrollTop / 250) * 5;
};

onMounted(() => {
  // 在组件挂载后初始化ECharts图表
  const chartInstance = echarts.init(chartRef.value);
  window.addEventListener("resize", function () {
    chartInstance.resize();
  });
  options && chartInstance.setOption(options);

  const chartInstance1 = echarts.init(chartRef1.value);
  window.addEventListener("resize", function () {
    chartInstance1.resize();
  });
  options1 && chartInstance1.setOption(options1);

  const chartInstance2 = echarts.init(chartRef2.value);
  window.addEventListener("resize", function () {
    chartInstance2.resize();
  });
  options2 && chartInstance2.setOption(options2);

  const chartInstance3 = echarts.init(chartRef3.value);
  window.addEventListener("resize", function () {
    chartInstance3.resize();
  });
  options3 && chartInstance3.setOption(options3);
});
</script>

<style lang="scss" scoped>
// 导入sass文件
// @import "~@/styles/mixin.scss";
@mixin disJA {
  display: flex;
  justify-content: center;
  align-items: center;
}
@mixin eBack {
  background-color: rgba(230, 224, 190, 0.747);
}
@function px2rem($px) {
  @return $px / 20 * 1rem;
}
.home {
  .wel {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 500px;
    left: 750px;
  }
  .el-row {
    margin-bottom: 20px;
  }
  .el-row:last-child {
    margin-bottom: 0;
  }
  .el-col {
    border-radius: 4px;
    padding: 10px;
  }

  .grid-content {
    border: 1px solid #fffdfd;
    border-radius: 4px;
    min-height: 36px;
    .echart {
      width: 100%;
      height: 400px;
    }
    .carousel-img {
      margin: 0 auto;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  .ep-bg-purple {
    background-color: rgba(230, 224, 190, 0.747);
    height: 100px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
    .el-icon {
      border-radius: 10px;
      width: 35px;
      height: 35px;
      border: 1px solid #fdfdfd;
    }
    .title {
      font-family: 宋体;
      font-size: 24px;
      font-weight: 600;
    }
  }
  .ep-bg-purple:hover .el-icon {
    color: rgb(43, 255, 0);
    background: linear-gradient(0deg, #a1ffce 0%, #faffd1 100%);
    // box-shadow: 0px 0px 100px 10px #dbdbdb;
  }
  .ep-bg-purple:hover .title {
    // font-size: 34px;
    color: rgb(43, 255, 0);
  }
  .eBox {
    height: 300px;
    @include eBack;
    @include disJA;
  }
  .boxM {
    height: 200px;
    @include disJA;
    .cube-loader {
      position: relative;
      /* u can choose any size */
      width: 75px;
      height: 75px;
      transform-style: preserve-3d;
      transform: rotateX(-30deg);
      animation: animate 4s linear infinite;
    }

    @keyframes animate {
      0% {
        transform: rotateX(-30deg) rotateY(0);
      }

      100% {
        transform: rotateX(-30deg) rotateY(360deg);
      }
    }

    .cube-loader .cube-wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
      /* top: 0;
  left: 0; */
      transform-style: preserve-3d;
    }

    .cube-loader .cube-wrapper .cube-span {
      position: absolute;
      width: 100%;
      height: 100%;
      /* top: 0;
  left: 0; */
      /* width 75px / 2 = 37.5px */
      transform: rotateY(calc(90deg * var(--i))) translateZ(37.5px);
      background: linear-gradient(
        to bottom,
        hsl(330, 3.13%, 25.1%) 0%,
        hsl(177.27, 21.71%, 32.06%) 5.5%,
        hsl(176.67, 34.1%, 36.88%) 12.1%,
        hsl(176.61, 42.28%, 40.7%) 19.6%,
        hsl(176.63, 48.32%, 43.88%) 27.9%,
        hsl(176.66, 53.07%, 46.58%) 36.6%,
        hsl(176.7, 56.94%, 48.91%) 45.6%,
        hsl(176.74, 62.39%, 50.91%) 54.6%,
        hsl(176.77, 69.86%, 52.62%) 63.4%,
        hsl(176.8, 76.78%, 54.08%) 71.7%,
        hsl(176.83, 83.02%, 55.29%) 79.4%,
        hsl(176.85, 88.44%, 56.28%) 86.2%,
        hsl(176.86, 92.9%, 57.04%) 91.9%,
        hsl(176.88, 96.24%, 57.59%) 96.3%,
        hsl(176.88, 98.34%, 57.93%) 99%,
        hsl(176.89, 99.07%, 58.04%) 100%
      );
    }

    .cube-top {
      position: absolute;
      width: 75px;
      height: 75px;
      background: hsl(330, 3.13%, 25.1%) 0%;
      /* width 75px / 2 = 37.5px */
      transform: rotateX(90deg) translateZ(37.5px);
      transform-style: preserve-3d;
    }

    .cube-top::before {
      content: "";
      position: absolute;
      /* u can choose any size */
      width: 75px;
      height: 75px;
      background: hsl(176.61, 42.28%, 40.7%) 19.6%;
      transform: translateZ(-90px);
      filter: blur(10px);
      box-shadow: 0 0 10px #323232, 0 0 20px hsl(176.61, 42.28%, 40.7%) 19.6%,
        0 0 30px #323232, 0 0 40px hsl(176.61, 42.28%, 40.7%) 19.6%;
    }
  }
  .form-box {
    height: 200px;
    @include disJA;
    border: 0;
    .form {
      display: flex;
      flex-direction: column;
      gap: 10px;
      background: #00000000;
      border-radius: 16px;
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(8.2px);
      -webkit-backdrop-filter: blur(8.2px);
      border: 1px solid #369eff66;
      width: 14em;
      height: 14em;
    }

    .content {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: auto;
      margin-bottom: auto;
    }

    .form p {
      color: #fff;
      font-weight: bolder;
    }

    .path {
      fill: #369eff;
    }

    .svg {
      filter: blur(20px);
      z-index: -1;
      position: absolute;
      opacity: 50%;
      animation: anim 3s infinite;
    }

    .inp {
      margin-left: auto;
      margin-right: auto;
      white-space: 4px;
    }

    .input + .input {
      margin-left: 0.3em;
    }

    .input {
      color: #fff;
      height: 2em;
      width: 2em;
      float: left;
      text-align: center;
      background: #00000000;
      outline: none;
      border: 1px #369eff solid;
      border-radius: 10px;
      transition: all 0.6s ease;
    }

    .input:focus {
      outline: none;
      border: 1px #fff solid;
    }

    .input:not(:placeholder-shown) {
      opacity: 40%;
    }

    .form button {
      margin-left: auto;
      margin-right: auto;
      background-color: #00000000;
      color: #fff;
      width: 8.5em;
      height: 2.3em;
      border: #369eff 0.2em solid;
      border-radius: 11px;
      transition: all 0.5s ease;
    }

    .form button:hover {
      background-color: #369eff;
    }

    @keyframes anim {
      0% {
        transform: translateY(-70px);
      }

      50% {
        transform: translateY(-19px);
      }

      100% {
        transform: translateY(-70px);
      }
    }
  }
  .table-box {
    height: 300px;
    @include disJA;
    .el-el-table-v2__fixed-header-row {
      background-color: var(--el-color-primary-light-5);
      font-weight: bold;
    }
  }
  .carousel {
    height: 288px;
    @include disJA;
  }
  .iconsBox {
    height: 60px;
    @include disJA;
  }
}
</style>
